css3动画

过度transition

成为另外一种样式的一个逐渐过程

transition-property规定过度css属性名称 值：none|all|property

transition-duration 定义过度效果花费的时间（秒或毫秒），默认0没有动画

transition-delay 规定过渡效果何时开始，以秒或毫秒计，默认0没有动画

transition-timingfunction 规定过度效果的时间曲线，默认ease（先慢后快）linear(以相同速度开始到结束）|ease-in|ease-out|ease-in-out

动画

@keyframes:创建动画（关键帧）

animation在对应元素上使用动画

@keyframe animationname(名字）{

keyframes-selector{

css-style;

}}

animation属性

animation-name

animation-duration

animation-timing-function

animation-timing-function

animation-delay

animation-interation-count播放动画的次数infinite(无限次）

animation-direction动画的方向normal （正常）alternate（轮流反向）