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动画用什么规则的详细内容，更多请关注 第一PHP社区 其它相关文章！