css 帧动画

帧动画 keydrames 有两种写法

第一种

记住一定是@开头

@keyframes IDENT {  

    from {        

              Properties:Properties value; 

             }

      Percentage {

            Properties:Properties value;

      }     

       to { 

           Properties:Properties value;

      }

    }

以背景颜色为例子从开始到结束中间的是过渡

第二种

@keyframes IDENT {

        0% {

           Properties:Properties value;  

      }    

            Percentage {

              Properties:Properties value;

        }     

   100% {   

        Properties:Properties value; 

     }

用百分比来进行分段可以很详细得展示过程

其中IDENT是一个动画名称。到目前为止支技animation动画的只有webkit内 核的浏览器，所以我需要在上面的基础上加上-webkit前缀.