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: 5px rgb(47, 0, 255) solid; 11 border-top: none; 12 border-radius: 50%; 13 top: 50%; 14 left: 50%; 15 transform: translate(-50%, -50%); 16 animation: turn 2s infinite linear; 17} 18 19.load:nth-child(odd) { 20 animation: turn 2s infinite linear reverse; 21} 22 23@keyframes turn { 24 100% { 25 transform: translate(-50%, -50%) rotateZ(360deg); 26 } 27} 28
296 views
296 views
Variations
1 MIT License