过度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（轮流反向）