Html
    Css
    Js

    
                        
 html {
	/*750px*/
            font-size:13.333333333333333vw;
}
* {
	margin:0;
	padding:0;
	box-sizing:border-box;
}
.wrap {
	width:7.5rem;
	position:relative;
}
.w {
	position:absolute;
	top:1rem;
	left:1.45rem;
	width:4.6rem;
	height:4.6rem;
	animation:xzh infinite 15s linear;
}
.w span {
	position:absolute;
	display:inline-block;
	border:1px solid red;
	font-size:.4rem;
	width:.6rem;
	height:.6rem;
	text-align:center;
}
@keyframes xzh {
	0% {
	transform:rotate(0deg);
}
50% {
	transform:rotate(180deg);
}
100% {
	transform:rotate(360deg);
}
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

css3旋转八仙桌

更新时间:2020-04-02 16:52:17

主要是sin和cos设置

0