#212121
1.loader { 2 background: transparent; 3 width: 80px; 4 height: 80px; 5 border-radius: 50%; 6 position: relative; 7 display: flex; 8 justify-content: center; 9 align-items: center; 10} 11 12.circle { 13 width: 80px; 14 height: 80px; 15 border: 2px solid #ccc; 16 position: absolute; 17 border-radius: 50%; 18 animation: circle14512 2s linear infinite; 19} 20 21.circle::before { 22 content: ''; 23 position: absolute; 24 top: -10px; 25 left: 50%; 26 transform: translateX(-50%); 27 width: 20px; 28 height: 20px; 29 border-radius: 50%; 30 background: #9ae932; 31 box-shadow: 0 0 20px #9ae932, 0 0 60px #9ae932; 32} 33 34@keyframes circle14512 { 35 0% { 36 transform: rotate(0deg); 37 } 38 39 100% { 40 transform: rotate(360deg); 41 } 42}
1.3K views
1.3K views
Comments
MIT License