css3新增属性动画animation

一：animation属性值
1.animation-name 动画名称（结合keyframe一起使用）
2.animation-duration 动画持续时间
3.animation-delay 动画延迟时间
4.animation-timing-function 动画运行轨迹
5.animation-iteration-count 动画运动次数
6.animation-direction 动画方向
alternate 先正向后反向 需两次变动
alternate-reverse 先反向后正向
7.animation-fill-mode 决定动画起始状态
none 原始状态-动画开始-原始状态
forwards 原始状态-动画开始-动画帧100%状态
backwards 动画0帧开始-动画开始-原始状态处
both 动画帧0处开始-动画开始-动画帧100%处
8.animation-play-state 动画运行或停止
running 运行
paused 停止
二：支持百分数
keyframes{
0%{}
50%{}
100{%{}
}

在这里插入代码片



	

		
"p1">