CSS3旋转动画

/* 无限旋转动画 */
.rotate{
 -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
    -webkit-animation: rotate 0.6s linear infinite;
    -moz-animation: rotate 0.6s linear infinite;
    -o-animation: rotate 0.6s linear infinite;
    animation: rotate 0.6s linear infinite;}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(359deg)}
    to{-webkit-transform: rotate(0deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(359deg)}
    to{-moz-transform: rotate(0deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(359deg)}
    to{-o-transform: rotate(0deg)}
}
@keyframes rotate{from{transform: rotate(359deg)}
    to{transform: rotate(0deg)}
}
/* 无限旋转动画 end */

Add a Comment

电子邮件地址不会被公开。 必填项已用*标注