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}