属性:@keyframes | animation
当在 @keyframes 创建动画,把它绑定到一个选择器,否则动画不会有任何效果。
示例:
在设置动画时要设定动画的时间, animation-iteration-count:用来指定动画的播放次数,示例中的infinite 表示无限次数
在@keyframes中可以使用from to来控制动画的效果,from表示开始,to表示结束。你也可以用百分数来表示。
例如:
0%{ } 25%{ } 50%{ } 100%{ }
但是要注意,括号中的内容要相同,例如0%{ rotateX(30deg)},那么剩下的也只能写rotateX,不能写其他的值