Loader by LeonKohli
#e8e8e8
1.loader { 2 display: flex; 3 justify-content: center; 4 align-items: center; 5 height: 100%; 6} 7 8.bubble { 9 width: 20px; 10 height: 20px; 11 border-radius: 50%; 12 background-image: linear-gradient(to right, #ff6b81, #ff9a44); 13 margin: 0 5px; 14 animation: bubbleAnimation 1.5s ease-in-out infinite; 15} 16 17@keyframes bubbleAnimation { 18 0%, 19 100% { 20 transform: scale(1); 21 opacity: 1; 22 } 23 50% { 24 transform: scale(2); 25 opacity: 0.5; 26 } 27} 28
293 views
293 views
MIT License