Loader by escannord
#e8e8e8
1.loader { 2 position: relative; 3} 4.load { 5 display: inline-block; 6 height: calc(var(--i) * 15); 7 width: calc(var(--i) * 15); 8 background-color: transparent; 9 position: absolute; 10 border-top: 5px rgb(47, 0, 255) solid; 11 border-radius: 50%; 12 top: 50%; 13 left: 50%; 14 transform: translate(-50%, -50%); 15 animation: turn 2s infinite linear; 16} 17 18.load:nth-child(odd) { 19 animation: turn 2s infinite linear reverse; 20} 21 22@keyframes turn { 23 100% { 24 transform: translate(-50%, -50%) rotateZ(360deg); 25 } 26} 27
271 views
Variation of aloader
MIT License