CSS3实现图片旋转 transform keyframes


(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--无限进行动画



你可能感兴趣的:(CSS要点)