css3实现360度旋转

2024年08月08日 建站教程

css样式

@-webkit-keyframes imgTrans {
	0%{
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
	100%{
		transform: rotate(-360deg);
		-ms-transform: rotate(-360deg);
		-webkit-transform: rotate(-360deg);
	}
}
.icon {
    -webkit-animation: imgTrans 1s infinite linear ;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
}

图片

<div>
<img class="icon" src="images/picbig.png" >
</div>

本文链接:http://so.lmcjl.com/news/10300/

展开阅读全文
相关内容