css动画用什么法则

想要新建CSS3动画就需要运用到@keyframes法则和animation属性；其中@keyframes法则是新建动画，它指定一个CSS样式和动画将逐渐从当前的样式更改为新的样式。 想要新建CSS3动画就需要运用到@keyframes法则和animation 属性；其中@keyframes法则是新建动画，它指定一个CSS样式和动画将逐渐从当前的样式更改为新的样式。

@keyframes法则

语法

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

属性值：

●　animationname 必须的。定义animation的名称。

●　keyframes-selector 必须的。动画延续工夫的百分比。

　合法值：

　●　0-100%

　●　from (和0%雷同)

　●　to (和100%雷同)

●　css-styles 必须的。一个或多个合法的CSS样式属性

注明：

您可以转变任意多的样式任意多的次数。

请用百分最近规定变化产生的工夫，或用关键词 "from" 和 "to"，等同于 0% 和 100%。

0% 是动画的开端，100% 是动画的完成。

为了得到最好的阅读器支撑，您应当始终定义 0% 和 100% 选中器。

css动画示例

结果图：

以上就是css动画用什么法则的细致内容，更多请关注 百分百源码网 其它相干文章！