动画

动画：
transition（过渡动画）：使用场景-状态发生改变时（hover/:checked/js）
animation（自定义动画）：只要指定动画名称即可实现规定的动画效果。

        实现代码方式：
        transtion: all|transform .4s .5s timing-function;   
                (能用transform实现的动画，尽量不要用其他的CSS属性)+(默认持续时间)+（延迟时间）+（过渡速率）
                （坑点-旋转再缩放 跟 缩放再旋转 的效果不一样，因为旋转之后的坐标轴会改变！所以一般先把旋转排在前面！）
        animation: aniName .4s .5s alternate infinite both;
                （动画命名名称）+（持续时间）+（延迟时间）+（方向）+（循环次数）+（停止后的状态）
            @keyframes{
                frome{}/0%{}
                to{}/100%{}
            }

动画效果网址：https://daneden.github.io/animate.css/
使用方法：

  <div class="test animated hinge infinite" ></div> <!--行内级优先-->