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 box-shadow: 0 0px 20px rgba(9, 117, 241, 0.4); 14} 15 16.slider:before { 17 position: absolute; 18 content: ""; 19 height: 1.4em; 20 width: 1.4em; 21 left: 0.3em; 22 bottom: 0.3em; 23 background-color: white; 24 animation: move 1.5s cubic-bezier(0.23, 1, 0.320, 1) infinite alternate; 25} 26 27@keyframes move { 28 0% { 29 transform: translateX(0em) rotate(0deg); 30 } 31 32 100% { 33 transform: translateX(6em) rotate(270deg); 34 } 35}
770 views
770 views
Variations
1 MIT License