#e8e8e8
1.loader-1 { 2 width: 7em; 3 display: flex; 4 flex-wrap: wrap; 5 justify-content: center; 6 font-size: 13px; 7} 8 9.dot { 10 width: 0.7em; 11 height: 0.7em; 12 border-radius: 50%; 13 background-color: #a52a2a; 14 margin: 0.4rem; 15 opacity: 0.6; 16 font-size: 15px; 17} 18 19.dot:nth-child(1) { 20 animation: animateLoader1 1.5s infinite; 21} 22 23.dot:nth-child(2) { 24 animation: animateLoader1 1.3s infinite; 25} 26 27.dot:nth-child(3) { 28 animation: animateLoader1 1.7s infinite; 29} 30 31.dot:nth-child(4) { 32 animation: animateLoader1 1.1s infinite; 33} 34 35.dot:nth-child(5) { 36 animation: animateLoader1 0.9s infinite; 37} 38 39.dot:nth-child(6) { 40 animation: animateLoader1 0.7s infinite; 41} 42 43.dot:nth-child(7) { 44 animation: animateLoader1 0.5s infinite; 45} 46 47.dot:nth-child(8) { 48 animation: animateLoader1 1.3s infinite; 49} 50 51.dot:nth-child(9) { 52 animation: animateLoader1 1.5s infinite; 53} 54 55@keyframes animateLoader1 { 56 0% { 57 transform: scale(1); 58 } 59 60 50% { 61 transform: scale(1.5); 62 opacity: 1; 63 } 64 65 100% { 66 transform: scale(1); 67 opacity: 0.6; 68 } 69} 70
694 views
694 views
Comments
MIT License