介绍:动画(animation)
是CSS3中具有颠覆性的特征之一,可通过设置多个节点来精确控制一个或一组动画
,常用来实现复杂的动画效果。
相比较过渡,动画可以实现更多变化,更多控制,连续自动播放等效果
1.动画的基本使用
制作动画分为两步:
1. 先定义动画
2. 再使用(调用)动画
1. 用keyframes 定义动画(类似定义类选择器)
2.动画序列
1.0% 是动画的
开始
,100% 是动画的
完成
。这样的规则就是动画序列。
2.在
@keyframes
中规定某项 CSS 样式,就能创建由当前样式逐渐改为新样式的动画效果。
3.动画是使元素从一种样式逐渐变化为另一种样式的效果。您可以改变任意多的样式任意多的
次数
。
4.请用百分比来规定变化发生的时间,或用关键词 "
from
" 和 "
to
",等同于
0%
和
100%
。