Loader by arshshaikh06
#212121
1.spinner { 2 background-image: linear-gradient(rgb(186, 66, 255) 35%,rgb(0, 225, 255)); 3 width: 100px; 4 height: 100px; 5 animation: spinning82341 1.7s linear infinite, hue 1s ease-in-out infinite; 6 text-align: center; 7 border-radius: 50px; 8 filter: blur(1px); 9 box-shadow: 0px -5px 20px 0px rgb(186, 66, 255), 0px 5px 20px 0px rgb(0, 225, 255); 10} 11 12.spinner1 { 13 background-color: rgb(36, 36, 36); 14 width: 100px; 15 height: 100px; 16 border-radius: 50px; 17 filter: blur(10px); 18} 19 20@keyframes spinning82341 { 21 to { 22 transform: rotate(360deg); 23 } 24} 25 26@keyframes hue { 27 0% { 28 filter: hue-rotate(0deg); 29 } 30 31 100% { 32 filter: hue-rotate(360deg); 33 } 34}
702 views
Variation of aloader
MIT License