#e8e8e8
1.spinner { 2 display: flex; 3 align-items: center; 4 justify-content: center; 5 position: relative; 6 width: 100px; 7 height: 100px; 8} 9 10.spinner::after { 11 content: ""; 12 position: absolute; 13 width: 50px; 14 height: 50px; 15 background-color: var(--blue); 16 animation: flip 1s infinite; 17} 18 19@keyframes flip { 20 0% { 21 transform: rotate(0); 22 } 23 24 50% { 25 transform: rotateY(180deg); 26 } 27 28 100% { 29 transform: rotateY(180deg) rotateX(180deg); 30 } 31}
795 views
795 views
Comments
MIT License