Html
    Css
    Js

    
                        
    * {
	padding:0;
	margin:0;
}
.tjt {
	width:200px;
	height:200px;
	border-radius:50%;
	background:linear-gradient(90deg,black 50%,white 50%);
	margin:50px auto;
	position:relative;
	border:2px solid #000;
}
.tjt:before {
	content:" ";
	position:absolute;
	width:0px;
	height:0px;
	padding:25px;
	border:25px solid black;
	border-radius:50%;
	background:white;
	left:50px;
}
.tjt:after {
	content:" ";
	width:0px;
	height:0px;
	padding:25px;
	border:25px solid white;
	border-radius:50%;
	background:black;
	position:absolute;
	left:50px;
	top:100px;
}
.speed {
	text-align:center;
	font-size:20px;
	font-weight:bold;
}

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

太极加速旋转图代码

更新时间:2023-04-20 21:47:36

之前看一些短视频发布的太极图一直旋转相当炫酷,闲着自己写一个给喜欢的人玩玩

0