css3实现360度旋转

595 ℃

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,我们会在看到邮件的第一时间内为您处理!

Trae:新一代免费的AI编程工具
el-table合并单元格代码介绍
jquery获取屏幕的宽度/高度相关属性
简单介绍Canvas一些常见的渲染模式
js数组是NaN如何判断
html5表单有哪些新增元素和属性