Loader by gharsh11032000
#e8e8e8
1.loader { 2 position: relative; 3 width: 70px; 4 height: 70px; 5} 6 7.loader-large { 8 position: absolute; 9 inset: 0; 10 margin: auto; 11 width: 100%; 12 height: 100%; 13 background-color: #D4ADFC; 14 border-radius: 10px; 15 animation: loading 2s infinite; 16} 17 18.loader-small { 19 position: absolute; 20 width: 50%; 21 height: 50%; 22 inset: 0; 23 margin: auto; 24 background-color: #5C469C; 25 z-index: 2; 26 border-radius: 6px; 27 animation: loading 2s infinite reverse; 28} 29 30@keyframes loading { 31 0% { 32 transform: rotate(0deg); 33 } 34 35 50% { 36 transform: rotateY(180deg); 37 } 38 39 100% { 40 transform: rotateX(180deg); 41 } 42} 43
752 views
752 views
MIT License