伪类：hover+css3实现图片动态旋转变化

HTML代码：

<div id="box">
<img alt="旋转的图片" src="images/6.png" class="img_p">
</div>

css代码：

#box  img{

position:absolute;
left:0;
top:0;
right:0;
bottom:0;
margin:auto;
transition:1s;/*变化的时间  必须将其写在这里，不可以写在hover里面  只有这样才可以滑出鼠标的时候 动画会以动画的方式自动返回 */
}
#box  img:hover{
transform:rotate(360deg)scale(0.5);/* 第一个参数旋转的角度 可以超过360  第二个参数为放大倍数大于1为放大 小于1为缩小*/

}