码迷,mamicode.com
首页 > Web开发 > 详细

第十四节 css3动画之animation

时间:2020-03-14 16:36:50      阅读:79      评论:0      收藏:0      [点我收藏+]

标签:key   mode   more   backward   次数   时间   定义   css3   min   

<!-- CSS3 animation动画:
1、@keyframes 定义关键帧动画
2、animation-name 动画名称
3、animation-duration 动画时间
4、animation-timing-function 动画曲线linear(匀速)|ease(缓冲)|steps(步数)
5、animation-delay 动画延时
6、animation-iteration-count 动画播放次数 n|infinite
7、animation-direction 动画结束后是否反向还原 nomore|alternate
8、animation-play-state 动画状态 paused(停止)|running(运动)
9、animation-fill-mode 动画前后的状态 none(缺省)|forward(结束时停留在最后一帧)|backwards(开始时停留在定义的开始帧)|both(前后都应用)
10、animation:name duration timing-function delay iteration-count direction;同时设置多个属性 -->

第十四节 css3动画之animation

标签:key   mode   more   backward   次数   时间   定义   css3   min   

原文地址:https://www.cnblogs.com/kogmaw/p/12492511.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!