Loader by gharsh11032000
#212121
1.loader { 2 font-size: 17px; 3 position: relative; 4 display: inline-block; 5 width: 8em; 6 height: 2em; 7} 8 9.slider { 10 position: absolute; 11 inset: 0; 12 background: #0974f1; 13 border-radius: 50px; 14 box-shadow: 0 0px 20px rgba(9, 117, 241, 0.4); 15} 16 17.slider:before { 18 position: absolute; 19 content: ""; 20 height: 1.4em; 21 width: 1.4em; 22 left: 0.3em; 23 bottom: 0.3em; 24 background-color: white; 25 border-radius: 50px; 26 animation: move 1.5s cubic-bezier(0.23, 1, 0.320, 1) infinite alternate; 27} 28 29@keyframes move { 30 0% { 31 transform: translateX(0em) rotate(0deg); 32 } 33 34 100% { 35 transform: translateX(6em) rotate(270deg); 36 } 37}
591 views
Variation of aloader
MIT License