动画的运用比较重要。接下来我希望针对我自己学习遇到的问题，再总结一下这个属性的使用方法。

 

　　创建一个动画：

　　　　@keyframes 动画名 {样式}

　　引用自己创建的动画：

　　　　animation:动画名  时长（执行多长时间）  效果  开始时间（多久之后开始）;

　　　　　　　　　　其中 效果 开始时间是可以省略的。

　　举个栗子：div获得鼠标焦点时会改变宽度

1 
     
 2  3 

 

　　再举个栗子：当div获得鼠标焦点时 颜色会从yellow变成blue

　　　　

1 
     
 2  3 

　　

　　再再举个栗子：当div获得鼠标焦点会出发 CD的旋转动画效果

1 
     
       2     
          
       3 
     
 4  5