css实现图片旋转360°

css部分

	img {
				    transition: all 0.5s;
				    -ms-transition: all 0.5s;
				    -moz-transition: all 1s;
				    -webkit-transition: all 0.5s;
				    -o-transition: all 0.5s;
				}
			img:hover {
				    transform: rotate(360deg);
				    -ms-transform: rotate(360deg);
				    -webkit-transform: rotate(360deg);
				    -o-transform: rotate(360deg);
				    -moz-transform: rotate(360deg);
			}

html部分

<img src="images/about_tb_52.png" />

你可能感兴趣的:(css实现图片旋转360°)