CSS3实现图片旋转 transform keyframes

<img class="Rotation img" src="img/01.png" width="500" height="500"/>

(keyframes相当于设定启动器rotation，并规定开始和结束的动作)

@-webkit-keyframes rotation{
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}

(.Rotation类名定义样式，定义动画的过程)

.Rotation{
animation: rotation 3s linear infinite;
-moz-animation: rotation 3s linear infinite;
-webkit-animation: rotation 3s linear infinite;
-o-animation: rotation 3s linear infinite;
}

animation属性：

rotation--为绑定kerframes

3s--动画速度

linear--动画模式 匀速

infinite--无限进行动画