Spaces:
Sleeping
Sleeping
| .loader{ | |
| width: 100%; | |
| height:20px; | |
| background: white; | |
| /* -webkit-box-reflect: below 1px linear-gradient(transparent,#0005); */ | |
| position: absolute; | |
| top: 0; | |
| border-radius: 50px; | |
| overflow: hidden; | |
| z-index: 23; | |
| } | |
| .loader::before{ | |
| content:""; | |
| position:absolute; | |
| inset:0; | |
| background: linear-gradient(90deg,#fb0094,#0000ff,#00ff00,#ffff00,#fb0094,#0000ff,#00ff00,#ffff00,#fb0094); | |
| animation:loader_animate 20s linear infinite; | |
| background-size:500%; | |
| } | |
| @keyframes loader_animate { | |
| 0%{ | |
| background-position: 0 0; | |
| } | |
| 0%{ | |
| background-position: 500% 0; | |
| } | |
| } | |
| .loader.hidden{ | |
| display: none; | |
| } | |
| #loader_text{ | |
| margin: 0px; | |
| z-index: 24; | |
| position: absolute; | |
| left:50%; | |
| transform:translate(-50%,0); | |
| background: transparent; | |
| } |