智能阀门远程控制管理平台
/* @-webkit-keyframes spin{
0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
@-moz-keyframes spin{
0%{-moz-transform:rotate(0)}
100%{-moz-transform:rotate(360deg)}
}
@keyframes spin{
0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.spinner{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:1003;
background: #000000;
overflow:hidden
}
.spinner div:first-child{
display:block;
position:relative;
left:50%;
top:50%;
width:150px;
height:150px;
margin:-75px 0 0 -75px;
border-radius:50%;
box-shadow:0 3px 3px 0 rgba(255,56,106,1);
transform:translate3d(0,0,0);
animation:spin 2s linear infinite
}
.spinner div:first-child:after,.spinner div:first-child:before{
content:'';
position:absolute;
border-radius:50%
}
.spinner div:first-child:before{
top:5px;
left:5px;
right:5px;
bottom:5px;
box-shadow:0 3px 3px 0 rgb(255, 228, 32);
-webkit-animation:spin 3s linear infinite;
animation:spin 3s linear infinite
}
.spinner div:first-child:after{
top:15px;
left:15px;
right:15px;
bottom:15px;
box-shadow:0 3px 3px 0 rgba(61, 175, 255,1);
animation:spin 1.5s linear infinite
} */
@-webkit-keyframes spin{
0%{transform:translateX(0)}
100%{transform:translateX(600px)}
}
@-moz-keyframes spin{
0%{-moz-transform:translateX(0)}
100%{-moz-transform:translateX(600px)}
}
@keyframes spin{
0%{transform:translateX(0)}
100%{transform:translateX(600px)}
}
.spinner{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:1003;
background: #000000;
overflow:hidden;
}
.spinner .loading-title {
position: absolute;
top: 72%;
color: #fff;
font-size: 1.5rem;
text-align: center;
width: 100%;
}
.spinner .loading-bar {
position: absolute;
top: 80%;
left: 50%;
margin-left: -300px;
border: 1px solid #bbc4ff;
width: 600px;
height: 7px;
border-radius: 3px;
overflow: hidden;
}
.spinner .loading-bar div:first-child {
display: block;
position: relative;
top: 50%;
width: 60px;
height: 5px;
margin-top: -7px;
box-shadow: 0 5px 0 0 rgba(61, 175, 255,1);
transform: translate3d(0,0,0);
animation: spin 2s linear infinite;
}BBIN宝盈集团