HTML5 CSS变形转换transform和动画animation

 位移、缩放、倾斜、旋转

 

 

 

 

 

动画 

            /* 
             动画：
             第一步：创建关键帧：
             @keyframes move{
                 from{
                     transform:rotate(0);
                 }
                 to{
                     transform:rotate(360deg);
                 }
             }
             
             第二步：绑定动画
             animation:动画名称 动画持续时间         次数         速度曲线         时间延迟；

            animation :move           3s                    infinite         linear               4s;
             infinite：无限次；
            */

animation:move 3s infinite linear;