css3 图片旋转360度动画

html

css

/* 图片旋转动画 */
.n_animation_picture{text-align: center;}
@-webkit-keyframes rotation{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}
.n_picture_adm{
    -webkit-transform: rotate(360deg);
    animation: rotation 2s linear infinite;
    -moz-animation: rotation 2s linear infinite;
    -webkit-animation: rotation 2s linear infinite;
    -o-animation: rotation 2s linear infinite;
}
动画旋转速度可以改变时间s
``简单的动画~共同学习~