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>
上面是“css3实现360度旋转”的全面内容，想了解更多关于 前端知识 内容，请继续关注web建站教程。
当前网址：https://ipkd.cn/webs_1452.html
声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！
