CSS动画-animation

定义和用法:

动画可以通过设置多个节点来精确控制一个或一组动画，常用来实现复杂的动画效果。

定义动画规则:

@keyframes 动画名称{

    from{ css1 }

    to{ css2 }

};

@keyframes  动画名称{

    	0%{css1}

    	10%{css2}

    	25%{css3}

    	100%{css4}

}；

引用动画：

animation：动画名称 动画时间 运动曲线 何时开始 播放次数 是否反方向; 

animation 属性是一个简写属性，用于设置六个动画属性：

1. animation-name
2. animation-duration
3. animation-timing-function
4. animation-delay
5. animation-iteration-count
6. animation-direction

animation-timing-function动画的速度曲线