/* 动画名称 */
animation-name: cloud;
/* 属性定义动画完成一个周期所需要的时间,以秒或毫秒计 */
animation-duration:1s;
/* 属性定义动画何时开始 */
animation-delay: 0s;
/* 规定动画的速度曲线 */
animation-timing-function: linear;
/* 播放次数 n|无限循环 */
animation-iteration-count: infinite;
/* 动画结束后保持最后动作 */
animation-fill-mode: forwards;
/* 属性定义是否应该轮流反向播放动画 */
animation-direction:normal;
/* 属性规定动画在播放之前或之后,其动画效果是否可见 */
animation-fill-mode: none;
/* 属性规定动画正在运行还是暂停 */
animation-play-state: running;
相关文章
- 09-05css3动画属性有哪些
- 09-05通过CSS3属性值的变化实现动画效果+触发这些动画产生交互
- 09-05CSS3——动画transition、animation
- 09-05css动画常用属性
- 09-05CSS3 animation动画
- 09-05动画属性(animation)实战之滚动条的实现
- 09-05CSS animation 属性
- 09-05web前端:原生css球体弹跳效果,animation动画keyframes应用,指定停止动画animation-play-state:paused
- 09-05css3中translate、transform和translation,以及动画animation
- 09-05CSS3属性中关于制作动画的三个属性