Loader by JaydipPrajapati1910
#212121
1.loader { 2 width: 44.8px; 3 height: 44.8px; 4 position: relative; 5 transform: rotate(45deg); 6} 7 8.loader:before, 9.loader:after { 10 content: ""; 11 position: absolute; 12 inset: 0; 13 border-radius: 50% 50% 0 50%; 14 background: #0000; 15 background-image: radial-gradient(circle 11.2px at 50% 50%,#0000 94%, #ff4747); 16} 17 18.loader:after { 19 animation: pulse-ytk0dhmd 1s infinite; 20 transform: perspective(336px) translateZ(0px); 21} 22 23@keyframes pulse-ytk0dhmd { 24 to { 25 transform: perspective(336px) translateZ(168px); 26 opacity: 0; 27 } 28} 29 30
1.4K views
1.4K views
MIT License