定义和用法:
动画可以通过设置多个节点来精确控制一个或一组动画,常用来实现复杂的动画效果。
定义动画规则:
@keyframes 动画名称{
from{ css1 }
to{ css2 }
};
@keyframes 动画名称{
0%{css1}
10%{css2}
25%{css3}
100%{css4}
};
引用动画:
animation:动画名称 动画时间 运动曲线 何时开始 播放次数 是否反方向;
animation 属性是一个简写属性,用于设置六个动画属性:
animation-name
animation-duration
animation-timing-function
animation-delay
animation-iteration-count
animation-direction
animation-timing-function动画的速度曲线