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

CSS3 动画效果

时间:2018-02-23 13:37:43      阅读:229      评论:0      收藏:0      [点我收藏+]

标签:动画   gpo   mod   from   nim   ack   back   设置   关键帧   

相比较3D变形,CSS3动画的支持度更高。CSS3动画由两部分组成:首先是关键帧声明,然后是在动画属性中使用该关键帧声明。

可以设置多个关键帧选择器(用百分比定义)。可以把它们想象成时间轴上的点。

也可以使用关键词:等价于0%和100%的关键词:form,to。只是WebKit内核的浏览器对from和to的支持不是很好。起点一般就是这个属性所在的状态。

animation-fill-mode属性规定动画在播放之前或之后,其动画效果是否可见。none:不改变默认行为,forwards:当动画结束后,保持最后一个属性值。backwards:在animation-delay指定的时间内,动画开始前,应用的属性值。both:向前向后都被应用。

 

CSS3 动画效果

标签:动画   gpo   mod   from   nim   ack   back   设置   关键帧   

原文地址:https://www.cnblogs.com/wlxll/p/8461494.html

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