动画...

过渡 ：
        动画：
            @keyfrmaes 动画的名字(自己取){
                form{
                    开始要执行的代码
                }
                to{
                    结束要执行的代码
                }
            }
            帧动画：
              @keyfrmaes 动画的名字(自己取){
                0%{
                    开始要执行的代码
                }
                10%{ }
                20%{}
                .....
                100%{
                    结束要执行的代码
                }
            }
        用animation引用动画
         animation-iteration-count: infinite; 动画循环的次数 无限循环
         animation-play-state: paused; 动画暂停，一般加在事件里（hover里）

        精灵图 找坐标 background-position
 

动画...

过渡 ：
        动画：
            @keyfrmaes 动画的名字(自己取){
                form{
                    开始要执行的代码
                }
                to{
                    结束要执行的代码
                }
            }
            帧动画：
              @keyfrmaes 动画的名字(自己取){
                0%{
                    开始要执行的代码
                }
                10%{ }
                20%{}
                .....
                100%{
                    结束要执行的代码
                }
            }
        用animation引用动画
         animation-iteration-count: infinite; 动画循环的次数 无限循环
         animation-play-state: paused; 动画暂停，一般加在事件里（hover里）

        精灵图 找坐标 background-position