感谢您的支持,我会继续努力的!
打开微信扫一扫,即可进行扫码打赏哦
点我查看本站打赏源码!
Powered by RUNCODEX.COM,学的不仅是技术,更是梦想!!!
<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
</head>
<body>
<div id="progress">
</div>
<font size="+3">加载中请稍后</font>
<div id="box">
<div id="square">
<div id="s">
</div><div id="c">
</div></div>
</body></html>
输入 JavaScript 代码……
xxxxxxxxxx
body{
background:rgb(0,225,225);
}
font{
display:block;
margin-left:120px;
color:white;
#progress{
border-top:5px solid white;
height:150px;
width:150px;
margin-left:150px;
border-radius:150px;
animation:l 2s infinite;
@keyframes l{
from{transform:rotate(0deg);}
to{transform:rotate(360deg);}
#square{
background:white;
width:100px;
height:7px;
border-radius:20px;
margin-top:10px;
animation:set 2s infinite;
@keyframes set{
50%{margin-left:75px;}
100%{margin-left:0px;}
#s{
animation:b 2s infinite;
@keyframes b{
0%{margin-left:0px;}
25%{margin-left:75px;}
#c{
animation:c 2s infinite;
@keyframes c{
#box{
border:1px solid;
vertical-align:middle;