Loader by Fadhilmagass
#212121
1.loader { 2 display: -webkit-box; 3 display: -ms-flexbox; 4 display: flex; 5 -webkit-box-pack: center; 6 -ms-flex-pack: center; 7 justify-content: center; 8 -webkit-box-align: center; 9 -ms-flex-align: center; 10 align-items: center; 11 height: 100%; 12} 13 14.dot { 15 display: inline-block; 16 width: 10px; 17 height: 10px; 18 margin-right: 6px; 19 border-radius: 50%; 20 -webkit-animation: dot-pulse2 1.5s ease-in-out infinite; 21 animation: dot-pulse2 1.5s ease-in-out infinite; 22} 23 24.dot-1 { 25 background-color: #4285f4; 26 -webkit-animation-delay: 0s; 27 animation-delay: 0s; 28} 29 30.dot-2 { 31 background-color: #34a853; 32 -webkit-animation-delay: 0.3s; 33 animation-delay: 0.3s; 34} 35 36.dot-3 { 37 background-color: #fbbc05; 38 -webkit-animation-delay: 0.6s; 39 animation-delay: 0.6s; 40} 41 42.dot-4 { 43 background-color: #ea4335; 44 -webkit-animation-delay: 0.9s; 45 animation-delay: 0.9s; 46} 47 48.dot-5 { 49 background-color: #4285f4; 50 -webkit-animation-delay: 1.2s; 51 animation-delay: 1.2s; 52} 53 54@keyframes dot-pulse2 { 55 0% { 56 -webkit-transform: scale(0.5); 57 transform: scale(0.5); 58 opacity: 0.5; 59 } 60 61 50% { 62 -webkit-transform: scale(1); 63 transform: scale(1); 64 opacity: 1; 65 } 66 67 100% { 68 -webkit-transform: scale(0.5); 69 transform: scale(0.5); 70 opacity: 0.5; 71 } 72} 73
1K views
1K views
Variations
1 MIT License