定义和用法:

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

定义动画规则:

@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动画的速度曲线