zoukankan
html css js c++ java
CSS3动画效果示例
CSS3动画遵循@kwyframes规则,规定了动画的名称、时长。
1、示例代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS3动画示例</title>
<style>
*{margin: 0;padding: 0}
section{100px;height: 100px;
background-color: coral;
position: relative;
animation: anim 3s infinite alternate;
-webkit-animation:anim 3s infinite alternate;
-moz-animation: anim 3s infinite alternate;
-o-animation: anim 3s infinite alternate;
margin: 50px auto; }
@keyframes anim {
0%{background-color: red;left: 0;top: 0;}
25%{background-color: green;left: 100px;top: 0;}
50%{background-color: blue;left: 100px;top: 100px;}
75%{background-color: yellow;left: 0;top: 100px;}
100%{background-color: purple;left: 0;top: 0;}
}
@-webkit-keyframes anim {
0%{background-color: red;left: 0;top: 0;}
25%{background-color: green;left: 100px;top: 0;}
50%{background-color: blue;left: 100px;top: 100px;}
75%{background-color: yellow;left: 0;top: 100px;}
100%{background-color: purple;left: 0;top: 0;}
}
@-moz-keyframes anim {
0%{background-color: red;left: 0;top: 0;}
25%{background-color: green;left: 100px;top: 0;}
50%{background-color: blue;left: 100px;top: 100px;}
75%{background-color: yellow;left: 0;top: 100px;}
100%{background-color: purple;left: 0;top: 0;}
}
@-o-keyframes anim {
0%{background-color: red;left: 0;top: 0;}
25%{background-color: green;left: 100px;top: 0;}
50%{background-color: blue;left: 100px;top: 100px;}
75%{background-color: yellow;left: 0;top: 100px;}
100%{background-color: purple;left: 0;top: 0;}
}
</style>
</head>
<body>
<section></section>
</body>
</html>
2.示例动画效果
查看全文
相关阅读:
ado.net的基本特性
The relationship's type
the relationship's cardinality
复杂心情中。。。
the relationship's existence.
ORACLE中国的短视
ADO.net连接数据库
虚拟基类的初始化
递归实现全排列
Factory Methods
原文地址:https://www.cnblogs.com/qikeyishu/p/7394050.html
最新文章
利用软件实现多个QQ号码的自动登陆
使用Gspace,让Gmail邮箱当作FTP的空间
仙剑4中smp格式的提取方法
java中的数据传递问题
正则表达式
图片和多媒体的使用
JavaScript学习:JavaScript对象的应用
上传文件的小实例(有问题)
JavaScript学习:事件
ASP.NET 2.0的语法
热门文章
ASP.NET 内置对象
ASP.NET学习笔记(2009.10.22)
配置文件
应用实例:用户注册(2009.10.23)
JavaScript学习: 基础
存储过程和触发器
数据邦定
对于asp.net 状态管理比较
shapefile文件格式的读取
C#中的接口、事件、代理总结
Copyright © 2011-2022 走看看