www.gusucode.com > 【T6965】响应式互联网网络建设设计类织梦模板(自适应手机端) > 【T6965】响应式互联网网络建设设计类织梦模板(自适应手机端)/skin/css/load6.css

    /* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */
.load-container {
	border: 1px solid rgba(255, 255, 255, 0.2);
	width: 150px;
	height: 155px;
	position: relative;
	overflow: hidden;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0px auto;
}
.load-container a:link, .load-container a:visited {
	position: absolute;
	bottom: 3px;
	font-size: 1.15em;
	text-align: center;
	left: 0;
	right: 0;
	text-decoration: none;
	color: #FFF;
}
.load-container a:link:hover, .load-container a:visited:hover {
	text-decoration: underline;
}
.loader {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
}
@media (max-width: 960px) {
.inner {
	width: 480px;
}
}
@media (max-width: 500px) {
.inner {
	width: 100%;
}
.load-container {
	width: 100%;
}
}
.load6 .loader {
	font-size: 30px;
	text-indent: -9em;
	overflow: hidden;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	margin: 0.8em auto;
	position: relative;
 # -webkit-animation: load6 1.7s infinite ease;
 #animation: load6 1.7s infinite ease;
	background: url(../images/load1.gif) no-repeat center top;
	background-size: cover;
}
.load6 .loader img {
	width: 30px;
	height: 30px;
	position: fixed;
}
@-webkit-keyframes load6 {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
 box-shadow: -0.11em -0.83em 0 -0.4em #1ea721, -0.11em -0.83em 0 -0.42em #1ea721, -0.11em -0.83em 0 -0.44em #1ea721, -0.11em -0.83em 0 -0.46em #1ea721, -0.11em -0.83em 0 -0.477em #1ea721;
}
 5%,  95% {
 box-shadow: -0.11em -0.83em 0 -0.4em #1ea721, -0.11em -0.83em 0 -0.42em #1ea721, -0.11em -0.83em 0 -0.44em #1ea721, -0.11em -0.83em 0 -0.46em #1ea721, -0.11em -0.83em 0 -0.477em #1ea721;
}
 30% {
 box-shadow: -0.11em -0.83em 0 -0.4em #1ea721, -0.51em -0.66em 0 -0.42em #1ea721, -0.75em -0.36em 0 -0.44em #1ea721, -0.83em -0.03em 0 -0.46em #1ea721, -0.81em 0.21em 0 -0.477em #1ea721;
}
 55% {
 box-shadow: -0.11em -0.83em 0 -0.4em #1ea721, -0.29em -0.78em 0 -0.42em #1ea721, -0.43em -0.72em 0 -0.44em #1ea721, -0.52em -0.65em 0 -0.46em #1ea721, -0.57em -0.61em 0 -0.477em #1ea721;
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
 box-shadow: -0.11em -0.83em 0 -0.4em #1ea721, -0.11em -0.83em 0 -0.42em #1ea721, -0.11em -0.83em 0 -0.44em #1ea721, -0.11em -0.83em 0 -0.46em #1ea721, -0.11em -0.83em 0 -0.477em #1ea721;
}
}
@keyframes load6 {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
 box-shadow: -0.11em -0.83em 0 -0.4em #1ea721, -0.11em -0.83em 0 -0.42em #1ea721, -0.11em -0.83em 0 -0.44em #1ea721, -0.11em -0.83em 0 -0.46em #1ea721, -0.11em -0.83em 0 -0.477em #1ea721;
}
 5%,  95% {
 box-shadow: -0.11em -0.83em 0 -0.4em #1ea721, -0.11em -0.83em 0 -0.42em #1ea721, -0.11em -0.83em 0 -0.44em #1ea721, -0.11em -0.83em 0 -0.46em #1ea721, -0.11em -0.83em 0 -0.477em #1ea721;
}
 30% {
 box-shadow: -0.11em -0.83em 0 -0.4em #1ea721, -0.51em -0.66em 0 -0.42em #1ea721, -0.75em -0.36em 0 -0.44em #1ea721, -0.83em -0.03em 0 -0.46em #1ea721, -0.81em 0.21em 0 -0.477em #1ea721;
}
 55% {
 box-shadow: -0.11em -0.83em 0 -0.4em #1ea721, -0.29em -0.78em 0 -0.42em #1ea721, -0.43em -0.72em 0 -0.44em #1ea721, -0.52em -0.65em 0 -0.46em #1ea721, -0.57em -0.61em 0 -0.477em #1ea721;
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
 box-shadow: -0.11em -0.83em 0 -0.4em #1ea721, -0.11em -0.83em 0 -0.42em #1ea721, -0.11em -0.83em 0 -0.44em #1ea721, -0.11em -0.83em 0 -0.46em #1ea721, -0.11em -0.83em 0 -0.477em #1ea721;
}
}