菜鸟SEO笔记

帝国CMS教程、插件、源码等网络学习资源

html跳转页代码【多个】

QQ截图20210713165500.png

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width,height=device-height, initial-scale=1.0, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes"> 
<meta name="robots" content="noindex,follow">
<title>加载中</title>
<meta http-equiv="refresh" content="1;url=https://www.baidu.com">
<style>
body{margin:0}body{height:100%}#loading{-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;display:-webkit-box;display:flex;position:fixed;top:0;left:0;width:100%;height:100%;background:#fff}.io-black-mode #loading{background:#1b1d1f}
</style>
</head>
<body class="io-grey-mode">
<div id="loading"><style> 
.loader{width:250px;height:50px;line-height:50px;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:helvetica,arial,sans-serif;text-transform:uppercase;font-weight:900;color:#f1404b;letter-spacing:0.2em}
.loader::before,.loader::after{content:"";display:block;width:15px;height:15px;background:#f1404b;position:absolute;animation:load .7s infinite alternate ease-in-out}
.loader::before{top:0}
.loader::after{bottom:0}
@keyframes load{0%{left:0;height:30px;width:15px}
50%{height:8px;width:40px}
100%{left:235px;height:30px;width:15px}
}
</style>
<div class="loader">Loading...</div></div>
</body>
</html>


image.png

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width,height=device-height, initial-scale=1.0, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes"> 
<meta name="robots" content="noindex,follow">
<title>加载中</title>
<meta http-equiv="refresh" content="1;url=https://www.baidu.com">
<style>
body{margin:0}body{height:100%}#loading{-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;display:-webkit-box;display:flex;position:fixed;top:0;left:0;width:100%;height:100%;background:#fff}.io-black-mode #loading{background:#1b1d1f}
</style>
</head>
<body class="io-grey-mode">
<div id="loading"><style>   
.loader-wrapper{width:148px;height:100px;position:absolute}
.loader{width:148px;height:100px;top:0;left:0;position:absolute}
.loader:after{content:"";top:auto;position:absolute;display:block;animation:shadow 1.2s infinite linear;-moz-animation:shadow 1.2s infinite linear;bottom:0em;left:0;height:.25em;width:1em;border-radius:50%;background-color:rgba(100,100,100,.5);opacity:0.3}
.roller,.roller:last-child{width:70px;height:70px;position:absolute;top:0;left:0;-webkit-animation:rollercoaster 1.2s infinite linear;-webkit-transform:rotate(135deg);-moz-animation:rollercoaster 1.2s infinite linear;-moz-transform:rotate(135deg);animation:rollercoaster 1.2s infinite linear;transform:rotate(135deg)}
.roller:last-child{left:auto;right:0;-webkit-transform:rotate(-45deg);-webkit-animation:rollercoaster2 1.2s infinite linear;-moz-transform:rotate(-45deg);-moz-animation:rollercoaster2 1.2s infinite linear;transform:rotate(-45deg);animation:rollercoaster2 1.2s infinite linear}
.roller:before,.roller:last-child:before{content:"";display:block;width:15px;height:15px;background:#f1404b;border-radius:50%}
.io-black-mode .loader:after{background-color:rgba(130,130,130,.5)}
@-webkit-keyframes rollercoaster{0%{-webkit-transform:rotate(135deg)}
8%{-webkit-transform:rotate(240deg)}
20%{-webkit-transform:rotate(300deg)}
40%{-webkit-transform:rotate(380deg)}
45%{-webkit-transform:rotate(440deg)}
50%{-webkit-transform:rotate(495deg);opacity:1}
50.1%{-webkit-transform:rotate(495deg);opacity:0}
100%{-webkit-transform:rotate(495deg);opacity:0}
}@-webkit-keyframes rollercoaster2{0%{opacity:0}
49.9%{opacity:0}
50%{opacity:1;-webkit-transform:rotate(-45deg)}
58%{-webkit-transform:rotate(-160deg)}
70%{-webkit-transform:rotate(-240deg)}
80%{-webkit-transform:rotate(-300deg)}
90%{-webkit-transform:rotate(-340deg)}
100%{-webkit-transform:rotate(-405deg)}
}@-webkit-keyframes shadow{0%{opacity:.3;-webkit-transform:translateX(65px) scale(0.5,0.5)}
8%{-webkit-transform:translateX(30px) scale(2,2)}
13%{-webkit-transform:translateX(0px) scale(1.3,1.3)}
30%{-webkit-transform:translateX(-15px) scale(0.5,0.5);opacity:0.1}
50%{-webkit-transform:translateX(60px) scale(1.2,1.2);opacity:0.3}
60%{-webkit-transform:translateX(130px) scale(2,2);opacity:0.05}
65%{-webkit-transform:translateX(145px) scale(1.2,1.2)}
80%{-webkit-transform:translateX(120px) scale(0.5,0.5);opacity:0.1}
90%{-webkit-transform:translateX(80px) scale(0.8,0.8)}
100%{-webkit-transform:translateX(60px);opacity:0.3}
}@-moz-keyframes rollercoaster{0%{-moz-transform:rotate(135deg)}
8%{-moz-transform:rotate(240deg)}
20%{-moz-transform:rotate(300deg)}
40%{-moz-transform:rotate(380deg)}
45%{-moz-transform:rotate(440deg)}
50%{-moz-transform:rotate(495deg);opacity:1}
50.1%{-moz-transform:rotate(495deg);opacity:0}
100%{-moz-transform:rotate(495deg);opacity:0}
}@-moz-keyframes rollercoaster2{0%{opacity:0}
49.9%{opacity:0}
50%{opacity:1;-moz-transform:rotate(-45deg)}
58%{-moz-transform:rotate(-160deg)}
70%{-moz-transform:rotate(-240deg)}
80%{-moz-transform:rotate(-300deg)}
90%{-moz-transform:rotate(-340deg)}
100%{-moz-transform:rotate(-405deg)}
}@-moz-keyframes shadow{0%{opacity:.3;-moz-transform:translateX(65px) scale(0.5,0.5)}
8%{-moz-transform:translateX(30px) scale(2,2)}
13%{-moz-transform:translateX(0px) scale(1.3,1.3)}
30%{-moz-transform:translateX(-15px) scale(0.5,0.5);opacity:0.1}
50%{-moz-transform:translateX(60px) scale(1.2,1.2);opacity:0.3}
60%{-moz-transform:translateX(130px) scale(2,2);opacity:0.05}
65%{-moz-transform:translateX(145px) scale(1.2,1.2)}
80%{-moz-transform:translateX(120px) scale(0.5,0.5);opacity:0.1}
90%{-moz-transform:translateX(80px) scale(0.8,0.8)}
100%{-moz-transform:translateX(60px);opacity:0.3}
}@keyframes rollercoaster{0%{transform:rotate(135deg)}
8%{transform:rotate(240deg)}
20%{transform:rotate(300deg)}
40%{transform:rotate(380deg)}
45%{transform:rotate(440deg)}
50%{transform:rotate(495deg);opacity:1}
50.1%{transform:rotate(495deg);opacity:0}
100%{transform:rotate(495deg);opacity:0}
}@keyframes rollercoaster2{0%{opacity:0}
49.9%{opacity:0}
50%{opacity:1;transform:rotate(-45deg)}
58%{transform:rotate(-160deg)}
70%{transform:rotate(-240deg)}
80%{transform:rotate(-300deg)}
90%{transform:rotate(-340deg)}
100%{transform:rotate(-405deg)}
}@keyframes shadow{0%{opacity:.3;transform:translateX(65px) scale(0.5,0.5)}
8%{transform:translateX(30px) scale(2,2)}
13%{transform:translateX(0px) scale(1.3,1.3)}
30%{transform:translateX(-15px) scale(0.5,0.5);opacity:0.1}
50%{transform:translateX(60px) scale(1.2,1.2);opacity:0.3}
60%{transform:translateX(130px) scale(2,2);opacity:0.05}
65%{transform:translateX(145px) scale(1.2,1.2)}
80%{transform:translateX(120px) scale(0.5,0.5);opacity:0.1}
90%{transform:translateX(80px) scale(0.8,0.8)}
100%{transform:translateX(60px);opacity:0.3}
}#loader2:after{-webkit-animation-delay:0.15s;animation-delay:0.15s}
#loader2 .roller{-webkit-animation-delay:0.15s;animation-delay:0.15s}
#loader3:after{-webkit-animation-delay:0.3s;animation-delay:0.3s}
#loader3 .roller{-webkit-animation-delay:0.3s;animation-delay:0.3s}
</style>
<div class="loader-wrapper">
	<div class="loader">
        <div class="roller"></div>
        <div class="roller"></div>
	</div>
	<div id="loader2" class="loader">
        <div class="roller"></div>
        <div class="roller"></div>
	</div>
	<div id="loader3" class="loader">
        <div class="roller"></div>
        <div class="roller"></div>
	</div>
</div></div>
</body>
</html>

image.png

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width,height=device-height, initial-scale=1.0, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes"> 
<meta name="robots" content="noindex,follow">
<title>加载中</title>
<meta http-equiv="refresh" content="1;url=https://www.baidu.com">
<style>
body{margin:0}body{height:100%}#loading{-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;display:-webkit-box;display:flex;position:fixed;top:0;left:0;width:100%;height:100%;background:#fff}.io-black-mode #loading{background:#1b1d1f}
</style>
</head>
<body class="io-grey-mode">
<div id="loading"><style>
    #preloader_3{position:relative}
    #preloader_3:before{width:20px;height:20px;border-radius:20px;content:'';position:absolute;background:#db448b;left:-20px;animation: preloader_3_before 1.5s infinite ease-in-out;}
    #preloader_3:after{width:20px;height:20px;border-radius:20px;content:'';position:absolute;background:#f1404b;animation: preloader_3_after 1.5s infinite ease-in-out;}
    @keyframes preloader_3_before{0% {transform: translateX(0px) rotate(0deg)}50% {transform: translateX(50px) scale(1.2) rotate(260deg); background:#f1404b;border-radius:0px;}100% {transform: translateX(0px) rotate(0deg)}}
    @keyframes preloader_3_after{0% {transform: translateX(0px)}50% {transform: translateX(-50px) scale(1.2) rotate(-260deg);background:#db448b;border-radius:0px;}100% {transform: translateX(0px)}}
</style>
<div id="preloader_3"></div></div>
</body>
</html>

image.png

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width,height=device-height, initial-scale=1.0, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes"> 
<meta name="robots" content="noindex,follow">
<title>加载中</title>
<meta http-equiv="refresh" content="1;url=https://www.baidu.com">
<style>
body{margin:0}body{height:100%}#loading{-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;display:-webkit-box;display:flex;position:fixed;top:0;left:0;width:100%;height:100%;background:#fff}.io-black-mode #loading{background:#1b1d1f}
</style>
</head>
<body class="io-grey-mode">
<div id="loading"><style>
    .loader{--size:32px;--duration:800ms;width:32px;transform-style:preserve-3d;transform-origin:50% 50%;transform:rotateX(60deg) rotateZ(45deg) rotateY(0deg) translateZ(0px);position:relative}
    .loader .box{width:32px;height:32px;transform-style:preserve-3d;position:absolute;top:0;left:0}
    .loader .box:nth-child(1){transform:translate(100%,0);animation:box1 800ms linear infinite}
    .loader .box:nth-child(2){transform:translate(0,100%);animation:box2 800ms linear infinite}
    .loader .box:nth-child(3){transform:translate(100%,100%);animation:box3 800ms linear infinite}
    .loader .box:nth-child(4){transform:translate(200%,0);animation:box4 800ms linear infinite}
    .loader .box > div{--translateZ:calc(var(--size) / 2);--rotateY:0deg;--rotateX:0deg;background:#f65c5c;width:100%;height:100%;transform:rotateY(var(--rotateY)) rotateX(var(--rotateX)) translateZ(var(--translateZ));position:absolute;top:auto;right:auto;bottom:auto;left:auto}
    .loader .box > div:nth-child(1){top:0;left:0}
    .loader .box > div:nth-child(2){background:#f21414;right:0;--rotateY:90deg}
    .loader .box > div:nth-child(3){background:#f54444;--rotateX:-90deg}
    .loader .box > div:nth-child(4){background:rgba(165,100,100,.15);top:0;left:0;--translateZ:calc(var(--size) * 3 * -1)}
    @keyframes box1{0%,50%{transform:translate(100%,0)}
    100%{transform:translate(200%,0)}
    }@keyframes box2{0%{transform:translate(0,100%)}
    50%{transform:translate(0,0)}
    100%{transform:translate(100%,0)}
    }@keyframes box3{0%,50%{transform:translate(100%,100%)}
    100%{transform:translate(0,100%)}
    }@keyframes box4{0%{transform:translate(200%,0)}
    50%{transform:translate(200%,100%)}
    100%{transform:translate(100%,100%)}
    }
</style>
<div class="loader">
    <div class="box">
        <div></div>
        <div></div>
        <div></div>
        <div></div>
    </div>
    <div class="box">
        <div></div>
        <div></div>
        <div></div>
        <div></div>
    </div>
    <div class="box">
        <div></div>
        <div></div>
        <div></div>
        <div></div>
    </div>
    <div class="box">
        <div></div>
        <div></div>
        <div></div>
        <div></div>
    </div>
</div></div>
</body>
</html>

image.png

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width,height=device-height, initial-scale=1.0, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes"> 
<meta name="robots" content="noindex,follow">
<title>加载中</title>
<meta http-equiv="refresh" content="1;url=https://www.baidu.com">
<style>
body{margin:0}body{height:100%}#loading{-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;display:-webkit-box;display:flex;position:fixed;top:0;left:0;width:100%;height:100%;background:#fff}.io-black-mode #loading{background:#1b1d1f}
</style>
</head>
<body class="io-grey-mode">
<div id="loading"><style> 
.loader{position:absolute;top:50%;margin-left:-50px;left:50%;animation:speeder 0.4s linear infinite}
.loader-text{position:absolute;text-transform:uppercase;left:50%;top:53%;margin-left:-20px}
.loader>span{height:5px;width:35px;background:#000;position:absolute;top:-19px;left:60px;border-radius:2px 10px 1px 0}
.base span{position:absolute;width:0;height:0;border-top:6px solid transparent;border-right:100px solid #000;border-bottom:6px solid transparent}
.base span:before{content:"";height:22px;width:22px;border-radius:50%;background:#000;position:absolute;right:-110px;top:-16px}
.base span:after{content:"";position:absolute;width:0;height:0;border-top:0 solid transparent;border-right:55px solid #000;border-bottom:16px solid transparent;top:-16px;right:-98px}
.face{position:absolute;height:12px;width:20px;background:#000;border-radius:20px 20px 0 0;transform:rotate(-40deg);right:-125px;top:-15px}
.face:after{content:"";height:12px;width:12px;background:#000;right:4px;top:7px;position:absolute;transform:rotate(40deg);transform-origin:50% 50%;border-radius:0 0 0 2px}
.loader>span>span{width:30px;height:1px;background:#000;position:absolute;animation:fazer1 0.2s linear infinite}
.loader>span>span:nth-child(2){top:3px;animation:fazer2 0.4s linear infinite}
.loader>span>span:nth-child(3){top:1px;animation:fazer3 0.4s linear infinite;animation-delay:-1s}
.loader>span>span:nth-child(4){top:4px;animation:fazer4 1s linear infinite;animation-delay:-1s}
@keyframes fazer1{0%{left:0}
100%{left:-80px;opacity:0}
}@keyframes fazer2{0%{left:0}
100%{left:-100px;opacity:0}
}@keyframes fazer3{0%{left:0}
100%{left:-50px;opacity:0}
}@keyframes fazer4{0%{left:0}
100%{left:-150px;opacity:0}
}@keyframes speeder{0%{transform:translate(2px,1px) rotate(0deg)}
10%{transform:translate(-1px,-3px) rotate(-1deg)}
20%{transform:translate(-2px,0px) rotate(1deg)}
30%{transform:translate(1px,2px) rotate(0deg)}
40%{transform:translate(1px,-1px) rotate(1deg)}
50%{transform:translate(-1px,3px) rotate(-1deg)}
60%{transform:translate(-1px,1px) rotate(0deg)}
70%{transform:translate(3px,1px) rotate(-1deg)}
80%{transform:translate(-2px,-1px) rotate(1deg)}
90%{transform:translate(2px,1px) rotate(0deg)}
100%{transform:translate(1px,-2px) rotate(-1deg)}
}.longfazers{position:absolute;width:100%;height:100%}
.longfazers span{position:absolute;height:2px;width:20%;background:#000}
.longfazers span:nth-child(1){top:20%;animation:lf 0.6s linear infinite;animation-delay:-5s}
.longfazers span:nth-child(2){top:40%;animation:lf2 0.8s linear infinite;animation-delay:-1s}
.longfazers span:nth-child(3){top:60%;animation:lf3 0.6s linear infinite}
.longfazers span:nth-child(4){top:80%;animation:lf4 0.5s linear infinite;animation-delay:-3s}
@keyframes lf{0%{left:200%}
100%{left:-200%;opacity:0}
}@keyframes lf2{0%{left:200%}
100%{left:-200%;opacity:0}
}@keyframes lf3{0%{left:200%}
100%{left:-100%;opacity:0}
}@keyframes lf4{0%{left:200%}
100%{left:-100%;opacity:0}
}
.io-black-mode .loader>span{background:#f1404b}
.io-black-mode .base span{border-right-color:#f1404b}
.io-black-mode .base span:before{background:#f1404b}
.io-black-mode .base span:after{border-right-color:#f1404b}
.io-black-mode .face{background:#f1404b}
.io-black-mode .face:after{background:#f1404b}
.io-black-mode .loader>span>span{background:#f1404b}
.io-black-mode .longfazers span{background:#f1404b}
</style>
<div class='loader'>
  <span>
    <span></span>
    <span></span>
    <span></span>
    <span></span>
  </span>
  <div class='base'>
    <span></span>
    <div class='face'></div>
  </div>
</div>
<div class='longfazers'>
  <span></span>
  <span></span>
  <span></span>
  <span></span>
</div>
<p class="loader-text">LOADING</p>
</div>
</body>
</html>

image.png

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width,height=device-height, initial-scale=1.0, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes"> 
<meta name="robots" content="noindex,follow">
<title>加载中</title>
<meta http-equiv="refresh" content="1;url=https://www.baidu.com">
<style>
body{margin:0}body{height:100%}#loading{-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;display:-webkit-box;display:flex;position:fixed;top:0;left:0;width:100%;height:100%;background:#fff}.io-black-mode #loading{background:#1b1d1f}
</style>
</head>
<body class="io-grey-mode">
<div id="loading"><style>  
.loader{position:absolute;left:50%;top:50%;width:48.2842712474619px;height:48.2842712474619px;margin-left:-24.14213562373095px;margin-top:-24.14213562373095px;border-radius:100%;-webkit-animation-name:loader;animation-name:loader;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:4s;animation-duration:4s}
.loader .side{display:block;width:6px;height:20px;background-color:#f1404b;margin:2px;position:absolute;border-radius:50%;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease;animation-timing-function:ease}
.loader .side:nth-child(1),.loader .side:nth-child(5){transform:rotate(0deg);-webkit-animation-name:rotate0;animation-name:rotate0}
.loader .side:nth-child(3),.loader .side:nth-child(7){transform:rotate(90deg);-webkit-animation-name:rotate90;animation-name:rotate90}
.loader .side:nth-child(2),.loader .side:nth-child(6){transform:rotate(45deg);-webkit-animation-name:rotate45;animation-name:rotate45}
.loader .side:nth-child(4),.loader .side:nth-child(8){transform:rotate(135deg);-webkit-animation-name:rotate135;animation-name:rotate135}
.loader .side:nth-child(1){top:24.14213562373095px;left:48.2842712474619px;margin-left:-3px;margin-top:-10px;-webkit-animation-delay:0;animation-delay:0}
.loader .side:nth-child(2){top:41.21320343109277px;left:41.21320343109277px;margin-left:-3px;margin-top:-10px;-webkit-animation-delay:0;animation-delay:0}
.loader .side:nth-child(3){top:48.2842712474619px;left:24.14213562373095px;margin-left:-3px;margin-top:-10px;-webkit-animation-delay:0;animation-delay:0}
.loader .side:nth-child(4){top:41.21320343109277px;left:7.07106781636913px;margin-left:-3px;margin-top:-10px;-webkit-animation-delay:0;animation-delay:0}
.loader .side:nth-child(5){top:24.14213562373095px;left:0px;margin-left:-3px;margin-top:-10px;-webkit-animation-delay:0;animation-delay:0}
.loader .side:nth-child(6){top:7.07106781636913px;left:7.07106781636913px;margin-left:-3px;margin-top:-10px;-webkit-animation-delay:0;animation-delay:0}
.loader .side:nth-child(7){top:0px;left:24.14213562373095px;margin-left:-3px;margin-top:-10px;-webkit-animation-delay:0;animation-delay:0}
.loader .side:nth-child(8){top:7.07106781636913px;left:41.21320343109277px;margin-left:-3px;margin-top:-10px;-webkit-animation-delay:0;animation-delay:0}
@-webkit-keyframes rotate0{0%{transform:rotate(0deg)}
60%{transform:rotate(180deg)}
100%{transform:rotate(180deg)}
}@keyframes rotate0{0%{transform:rotate(0deg)}
60%{transform:rotate(180deg)}
100%{transform:rotate(180deg)}
}@-webkit-keyframes rotate90{0%{transform:rotate(90deg)}
60%{transform:rotate(270deg)}
100%{transform:rotate(270deg)}
}@keyframes rotate90{0%{transform:rotate(90deg)}
60%{transform:rotate(270deg)}
100%{transform:rotate(270deg)}
}@-webkit-keyframes rotate45{0%{transform:rotate(45deg)}
60%{transform:rotate(225deg)}
100%{transform:rotate(225deg)}
}@keyframes rotate45{0%{transform:rotate(45deg)}
60%{transform:rotate(225deg)}
100%{transform:rotate(225deg)}
}@-webkit-keyframes rotate135{0%{transform:rotate(135deg)}
60%{transform:rotate(315deg)}
100%{transform:rotate(315deg)}
}@keyframes rotate135{0%{transform:rotate(135deg)}
60%{transform:rotate(315deg)}
100%{transform:rotate(315deg)}
}@-webkit-keyframes loader{0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}@keyframes loader{0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
</style>
<div class="loader">
    <div class="side"></div>
    <div class="side"></div>
    <div class="side"></div>
    <div class="side"></div>
    <div class="side"></div>
    <div class="side"></div>
    <div class="side"></div>
    <div class="side"></div>
</div></div>
</body>
</html>


发表评论:

Powered By Z-BlogPHP 1.7.2

Copyright Www.Niaoseo.Com Rights Reserved.