记录底座旋转样式

gqj810823

已于 2024-05-28 14:11:16 修改

阅读量114

点赞数 1

文章标签：前端 javascript 开发语言

于 2024-05-28 13:45:27 首次发布

本文链接：https://blog.youkuaiyun.com/gqj810823/article/details/139264750

版权

<div class="cicle3">

</div>

.cicle3 {
background: url(./images/circle.png) no-repeat center;
background-size: 100%;
position: relative;
width: 100%;
height: 100%;
top: 20%;
left: 50%;
transform-style: preserve-3d;
transform: translateX(-50%) rotateX(75deg);
animation: rotate3 15s linear infinite;
}
// 旋转动画3
@keyframes rotate3 {
0% {
transform: translateX(-50%) rotateX(75deg) rotateZ(0)
}
100% {
transform: translateX(-50%) rotateX(75deg) rotateZ(360deg)
}}

在这里插入图片描述