Loader by JaydipPrajapati1910
#e8e8e8
1.loader { 2 width: 160px; 3 height: 160px; 4 color: #0000F4; 5 background: conic-gradient(from 165deg at top ,#0000, currentColor 1deg 30deg,#0000 31deg) top, 6 conic-gradient(from 75deg at left ,#0000, currentColor 1deg 30deg,#0000 31deg) left, 7 conic-gradient(from -15deg at bottom,#0000, currentColor 1deg 30deg,#0000 31deg) bottom, 8 conic-gradient(from -105deg at right ,#0000, currentColor 1deg 30deg,#0000 31deg) right; 9 background-size: 100% 50%,50% 100%; 10 -webkit-mask: radial-gradient(circle 10px,#0000 90%,#000); 11 background-repeat: no-repeat; 12 animation: sh1 1.5s infinite linear; 13} 14 15@keyframes sh1 { 16 17 100% { 18 transform: rotate(1turn) 19 } 20} 21 22
539 views
539 views
MIT License