动画 animation
是CSS3中具有颠覆性的特性之一,可通过 设置多个节点来精确控制一个或者一组动画,常用来实现复杂的动画效果
动画可以实现更多变化,更多控制,连续自动播放等效果
基本使用
1、定义动画
2、使用动画
动画序列
- 0%是动画开始,100%是动画完成,这样的规则就是动画序列
- 在 @keyframes 中规定某项CSS样式,就能创建由当前样式逐渐变为新样式的动画效果
- 动画是使元素从一种样式逐渐变为另一种样式的效果
- from to 等价于 0% 100%
0% 100% 还可以写成 from to
里面的百分比要整数
里面的百分比就是总的时间的划分
多个状态 -- 可以写0~100的任何数