This post is saved as a draft.
#212121
1.loader { 2 position: relative; 3 width: 50px; 4 height: 50px; 5 border-radius: 50%; 6 background: linear-gradient(45deg, transparent, transparent 40%, #e5f403); 7 animation: glow 2s linear infinite; 8} 9@keyframes glow { 10 0% { 11 transform: rotate(0deg); 12 filter: hue-rotate(0deg); 13 } 14 100% { 15 transform: rotate(360deg); 16 filter: hue-rotate(360deg); 17 } 18} 19.loader::before { 20 content: ""; 21 position: absolute; 22 top: 3px; 23 left: 3px; 24 right: 3px; 25 bottom: 3px; 26 background: #212121; 27 border-radius: 50%; 28 z-index: 1000; 29} 30.loader::after { 31 content: ""; 32 position: absolute; 33 top: 0px; 34 left: 0px; 35 right: 0px; 36 bottom: 0px; 37 background: linear-gradient(45deg, transparent, transparent 40%, #e5f403); 38 border-radius: 50%; 39 z-index: 1000; 40 z-index: 1; 41 filter: blur(30px); 42} 43
Variation of aloader
Variation of aloader