Loader by Ratinax
#212121
1.square { 2 margin: 2em; 3 background-color: white; 4 animation: rotate 2s linear infinite; 5} 6 7.container { 8 display: flex; 9 justify-content: space-between; 10} 11 12@keyframes rotate { 13 0% { 14 width: 4em; 15 height: 4em; 16 } 17 18 50% { 19 width: 8em; 20 height: 8em; 21 transform: rotate(360deg); 22 background-color: aqua; 23 } 24 25 100% { 26 transform: rotate(360deg); 27 width: 4em; 28 height: 4em; 29 } 30}
288 views
Variation of aloader
MIT License