css3 定义一个旋转的动画效果 

 1 // 定义了一个名叫spin的动画效果 效果为旋转 无限循环
 2 .spin{-webkit-animation:spin 1s infinite linear;}
 3 @-webkit-keyframes spin{
 4     0%{ // 初始状态
 5       -webkit-transform:rotate(0deg);
 6     }
 7     50%{ 
 8       -webkit-transform:rotate(180deg);
 9     }
10     100%{  //结束状态
11       -webkit-transform:rotate(360deg);
12     }
13 }

 

posted @ 2014-09-01 16:56  page wang  阅读(186)  评论(0)    收藏  举报