运用css3动画需要运用哪些规则

本文小编为大家详细介绍"运用css3动画需要运用哪些规则"，内容详细，步骤清晰，细节处理妥当，希望这篇"运用css3动画需要运用哪些规则"文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。

标签定义及使用说明

　　使用@keyframes规则，你可以创建动画。

　　创建动画是通过逐步改变从一个CSS样式设定到另一个。

　　在动画过程中，您可以更改CSS样式的设定多次。

　　指定的变化时发生时使用％，或关键字"from"和"to"，这是和0％到100％相同。

　　0％是开头动画，100％是当动画完成。（推荐学习：CSS3视频教程。）

　　为了获得最佳的浏览器支持，您应该始终定义为0％和100％的选择器。

　　注意:使用animation属性来控制动画的外观，还使用选择器绑定动画。.

　　语法

　　@keyframesanimationname{keyframes-selector{css-styles;}}

　　值

　　说明

　　animationname

　　必需的。定义animation的名称。

　　keyframes-selector

　　必需的。动画持续时间的百分比。

　　合法值：

　　0-100%

　　from(和0%相同)

　　to(和100%相同)

　　注意：您可以用一个动画keyframes-selectors。

　　css-styles

　　必需的。一个或多个合法的CSS样式属性

　　实例：

　　

注意:@keyframes规则不兼容IE9以及更早版本的浏览器.

读到这里，这篇"运用css3动画需要运用哪些规则"文章已经介绍完毕，想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会，如果想了解更多相关内容的文章，欢迎关注行业资讯频道。