#212121
1.spinner { 2 width: 3em; 3 height: 3em; 4 cursor: not-allowed; 5 border-radius: 50%; 6 border: 2px solid #444; 7 box-shadow: -10px -10px 10px #6359f8, 0px -10px 10px 0px #9c32e2, 10px -10px 10px #f36896, 10px 0 10px #ff0b0b, 10px 10px 10px 0px#ff5500, 0 10px 10px 0px #ff9500, -10px 10px 10px 0px #ffb700; 8 animation: rot55 0.7s linear infinite; 9} 10 11.spinnerin { 12 border: 2px solid #444; 13 width: 1.5em; 14 height: 1.5em; 15 border-radius: 50%; 16 position: absolute; 17 top: 50%; 18 left: 50%; 19 transform: translate(-50%, -50%); 20} 21 22@keyframes rot55 { 23 to { 24 transform: rotate(360deg); 25 } 26} 27
Comments
MIT License