Css-动画

1.动画三要素：

        1.定义：

                @keyframes   donghua (给动画起的名字）{
                        from  { }

                         to{ }

                      }

        2.调用：animation-name：donghua

        3.时间：animation-duration：3s

        注意：为使动画更丰富，可使用时间节点法定义动画。

2.常见属性：

        1.animation-timing-function-速度：linear/ease/ease-in/ease-out/ease-in-out/steps(n)

        2.animation-delay:推迟

        3.animation-interation-count：循环几次  次数/infinite

        4.animation-fill-mood:等待或结束的状态：forwards/backwards/both

        5.animation-play-state:  播放/暂停   running/paused

        6.animation-direction:  循环方向

注意：

        组动画用逗号隔开

animation: name_1 5s linear,name_2 2s linear;