3.1K views
1.spinner { 2 width: 56px; 3 height: 56px; 4 display: grid; 5 border: 4.5px solid #0000; 6 border-radius: 50%; 7 border-color: #dbdcef #0000; 8 animation: spinner-e04l1k 1s infinite linear; 9} 10 11.spinner::before, 12.spinner::after { 13 content: ""; 14 grid-area: 1/1; 15 margin: 2.2px; 16 border: inherit; 17 border-radius: 50%; 18} 19 20.spinner::before { 21 border-color: #474bff #0000; 22 animation: inherit; 23 animation-duration: 0.5s; 24 animation-direction: reverse; 25} 26 27.spinner::after { 28 margin: 8.9px; 29} 30 31@keyframes spinner-e04l1k { 32 100% { 33 transform: rotate(1turn); 34 } 35}