|
|
| (10 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| − | #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;
| |
| − | z-index: 100;
| |
| − | top:0;
| |
| − | left:0;
| |
| − | width:100%;
| |
| − | height:100%;
| |
| − | background-color:#000;
| |
| − | }
| |
