Loader by jdm-encompass
#212121
1.spinner { 2 background-image: linear-gradient(rgb(0, 144, 255) 35%, rgb(0, 0, 255)); 3 width: 100px; 4 height: 100px; 5 animation: spinning82341 1.7s linear infinite; 6 text-align: center; 7 border-radius: 50px; 8 filter: blur(1px); 9 box-shadow: 0px -5px 20px 0px rgb(0, 144, 255), 0px 5px 20px 0px rgb(0, 0, 255); 10 position: relative; 11} 12 13.spinner1 { 14 background-color: rgb(0, 0, 255); 15 width: 100px; 16 height: 100px; 17 border-radius: 50px; 18 filter: blur(10px); 19 animation: flickeringGlow 2s linear infinite; 20} 21 22.circle { 23 position: absolute; 24 top: 50%; 25 left: 50%; 26 transform: translate(-50%, -50%); 27 width: 10px; 28 height: 10px; 29 background-color: white; 30 border-radius: 50%; 31} 32 33@keyframes spinning82341 { 34 to { 35 transform: rotate(360deg); 36 } 37} 38 39@keyframes flickeringGlow { 40 0% { 41 box-shadow: 0px -10px 40px 0px rgb(0, 144, 255), 0px 10px 40px 0px rgb(0, 0, 255), 0px 0px 20px 0px white; 42 } 43 44 /* ...rest of the keyframes remain the same... */ 45} 46
611 views
Variation of aloader
MIT License