精美而实用的网站，关注web编程技术、网站运营、SEO推广，让您轻松愉快的学习

CSS3中的transform:rotate()可以实现旋转功能，可以在CSS里面设定旋转的角度，也可以设定旋转用多少时间来完成，非常利于初学者学习transform:rotate()属性。

旋转HTML代码

<img src="img/6.png" />

CSS旋转CSS代码

img{
    border: #000 solid 2px;
    display: block;
    margin: 50px auto;
    border-radius: 50%;
    transition: all 2.0s;
}
img:hover{
    transform: rotate(360deg);
}

在线Demo预览

Tags：CSS3 transform rotate 旋转