#212121
1.loader { 2 display: inline-block; 3 width: 190px; 4 height: 10px; 5 border-radius: 40px; 6 background-color: rgba(255, 255, 255, 1); 7 position: relative; 8 overflow: hidden; 9} 10 11.loader span { 12 font: 700 22px monospace; 13 text-transform: uppercase; 14 margin: auto; 15 color: #fff; 16 letter-spacing: 5px; 17} 18 19.loader::before { 20 content: ""; 21 position: absolute; 22 top: 0; 23 left: -50px; 24 width: 150%; 25 height: 100%; 26 background-image: linear-gradient(332deg, #6bff7f, #32ff3c); 27 border-radius: inherit; 28 transform: scaleX(0); 29 transform-origin: left; 30 animation: load5123 1s infinite; 31} 32 33@keyframes load5123 { 34 50% { 35 transform: scaleX(1); 36 } 37 38 100% { 39 transform: scaleX(0); 40 transform-origin: right; 41 } 42}
761 views
761 views
Comments
MIT License