css3 animation
- animation-name
动画的名称,默认none
- animation-duration
动画播放持续的时间,单位秒,默认0
- animation-timing-function
还是ease,ease-in,ease-out这些
- animation-delay
动画开始的时间,默认0,单位秒
- animation-iteration-count
元素播放循环的次数,默认是1,infinite是无限次
- animation-direction
元素动画播放的方向,有两个值:
- normal (默认) 每次循环向前
- alternate 第偶数次向前播放,第奇数次向反方向播放
- animation-play-state
@-webkit-keyframes zhangyaochun{ 0%{ padding:0; } 50%{ padding:0 20px; } 100%{ padding:0 100px; } } -webkit-animation-name:zhangyaochun;
先看一个兼容列表:
相关推荐
css3 animation酷炫的文字动画特效 css3 animation酷炫的文字动画特效
jquery绑定 css3 animation-keyframes关键帧动画,,,,,,,
Pro CSS3 Animation will teach you how to use fresh new CSS3 syntax to fully utilize this exciting tool for web design. Using cutting-edge industry standards and drawing on best practices for animation...
animation Transform CSS3 、 @keyframes利用C3的动画效果写的一些小的动画效果
css3 animation transform鱼游动特效</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, user-scalable=no, ...
纯css3 animation动画属性点击loading加载动画提示框效果代码
css3 animation白天黑夜城市变化动画场景
jquery css3 animation属性多个页面切换动画 jquery css3 animation属性多个页面切换动画
CSS3 animation实现15种移动手机App打开菜单过渡动画特效源码是一款使用CSS3 animation动画来制作,这些动画均由线条和文字组成,效果非常炫酷。 这15种移动手机APP打开菜单动画效果所需的CSS动画样式都写在各自的...
纯css3 animation属性圆形动态时钟特效 纯css3 animation属性圆形动态时钟特效 纯css3 animation属性圆形动态时钟特效
StarWar Prelude CSS3 Animation StarWar Prelude CSS3 Animation
css3 animation网页logo图片加载动画特效
纯css3 animation动画属性点击loading加载动画 纯css3 animation动画属性点击loading加载动画
纯css3 animation绘制轮船和飞机动画特效
代码简介:CSS3 Animation文字动画特效里面包含7款不同效果的文字动画特效。
这是一组使用CSS3 animation制作的鼠标滑过按钮动画特效。这组鼠标滑过按钮动画共有13最后效果,均由按钮的伪元素和CSS3 animation来制作完成。
这是一组使用 纯CSS3 animation制作的扁平风格动态天气图标效果。这组天气图标共7个,分别为:晴天,多云,下雨,彩虹,夜间,闪电和下雪。
纯CSS3 animation属性实现GIF图片进度加载效果 纯CSS3 animation属性实现GIF图片进度加载效果
代码简介:CSS3 Animation属性发光按钮代码,不兼容Firefox浏览器。