Loader by G4b413l
#e8e8e8
1.ping { 2 --uib-size: 50px; 3 --uib-speed: 1s; 4 --uib-color: #3950cf; 5 position: relative; 6 height: var(--uib-size); 7 width: var(--uib-size); 8} 9 10.ping::before, 11.ping::after { 12 content: ''; 13 position: absolute; 14 top: 0; 15 left: 0; 16 height: 100%; 17 width: 100%; 18 border-radius: 50%; 19 background-color: var(--uib-color); 20 animation: pulse7132 var(--uib-speed) linear infinite; 21 transform: scale(0); 22 opacity: 0; 23} 24 25.ping::after { 26 animation-delay: calc(var(--uib-speed) / -2); 27} 28 29@keyframes pulse7132 { 30 0% { 31 transform: scale(0); 32 opacity: 1; 33 } 34 35 100% { 36 transform: scale(1); 37 opacity: 0; 38 } 39} 40
2K views
2K views
MIT License