css3实现360度旋转

580 ℃

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>

进入前端入门建站教程官网入口

3d文字360度旋转

标签: 360度旋转

上面是“css3实现360度旋转”的全面内容,想了解更多关于 前端知识 内容,请继续关注web建站教程。

当前网址:https://m.ipkd.cn/webs_1452.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

帝国cms在内容页模板里添加错误报告链接
微信小程序的页面导航问题
seo问答:seo可以优化哪些工具来挖掘关键词?
wordpress登录后台管理面板出现中文乱码怎么解决
织梦DedeCMS:CSRF Token Check Failed解决办法