Difference between revisions of "User:BakiDance/timeless.css"
From Drawn to Life Wiki
| Line 1: | Line 1: | ||
| − | #smooth-loader{ | + | #smooth-loader-inner, |
| − | + | #smooth-loader-inner:after { | |
| − | + | border-radius: 50%; | |
| − | + | width: 10em; | |
| − | + | height: 10em; | |
| − | + | } | |
| − | + | #smooth-loader-inner { | |
| − | + | margin: 60px auto; | |
| − | + | font-size: 10px; | |
| − | } | + | position: relative; |
| + | text-indent: -9999em; | ||
| + | border-top: 1.1em solid rgba(255, 255, 255, 0.2); | ||
| + | border-right: 1.1em solid rgba(255, 255, 255, 0.2); | ||
| + | border-bottom: 1.1em solid rgba(255, 255, 255, 0.2); | ||
| + | border-left: 1.1em solid #ffffff; | ||
| + | -webkit-transform: translateZ(0); | ||
| + | -ms-transform: translateZ(0); | ||
| + | transform: translateZ(0); | ||
| + | -webkit-animation: load8 1.1s infinite linear; | ||
| + | animation: load8 1.1s infinite linear; | ||
| + | } | ||
| + | @-webkit-keyframes load8 { | ||
| + | 0% { | ||
| + | -webkit-transform: rotate(0deg); | ||
| + | transform: rotate(0deg); | ||
| + | } | ||
| + | 100% { | ||
| + | -webkit-transform: rotate(360deg); | ||
| + | transform: rotate(360deg); | ||
| + | } | ||
| + | } | ||
| + | @keyframes load8 { | ||
| + | 0% { | ||
| + | -webkit-transform: rotate(0deg); | ||
| + | transform: rotate(0deg); | ||
| + | } | ||
| + | 100% { | ||
| + | -webkit-transform: rotate(360deg); | ||
| + | transform: rotate(360deg); | ||
| + | } | ||
| + | } | ||
| + | #smooth-loader { | ||
| + | position:absolute;; | ||
| + | top:0; | ||
| + | left:0; | ||
| + | width:100%; | ||
| + | height:100%; | ||
| + | background-color:#000; | ||
| + | } | ||
Revision as of 02:10, 23 June 2022
#smooth-loader-inner,
#smooth-loader-inner:after {
border-radius: 50%;
width: 10em;
height: 10em;
}
#smooth-loader-inner {
margin: 60px auto;
font-size: 10px;
position: relative;
text-indent: -9999em;
border-top: 1.1em solid rgba(255, 255, 255, 0.2);
border-right: 1.1em solid rgba(255, 255, 255, 0.2);
border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
border-left: 1.1em solid #ffffff;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: load8 1.1s infinite linear;
animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
#smooth-loader {
position:absolute;;
top:0;
left:0;
width:100%;
height:100%;
background-color:#000;
}