Loader by bhaveshxrawat
#e8e8e8
1.loader { 2 display: flex; 3 justify-content: center; 4 align-content: center; 5 align-items: center; 6 gap: 5px; 7 height: 80px; 8 width: 80px; 9} 10 11.bar { 12 width: 7px; 13 height: 50px; 14 border-radius: 10em; 15 background-image: linear-gradient(60deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%); 16 background-size: 390%; 17 animation: live 2s linear infinite; 18} 19 20@keyframes live { 21 0%, 50%, 100% { 22 transform: scaleY(1); 23 } 24 25 30%, 70% { 26 background-position: right; 27 transform: scaleY(1.15); 28 } 29}
908 views
908 views
MIT License