316 views
1#col { 2 width: 50%; 3 margin: 0 auto; 4} 5 6.loader { 7 content: ' '; 8 border: 5px solid #333; 9 border-radius: 30px; 10 height: 30px; 11 left: 50%; 12 margin: -15px 0 0 -15px; 13 opacity: 0; 14 position: absolute; 15 top: 50%; 16 width: 30px; 17 animation: pulsate 1s ease-out; 18 animation-iteration-count: infinite; 19} 20 21@keyframes pulsate { 22 0% { 23 transform: scale(.1); 24 opacity: 0.0; 25 } 26 27 50% { 28 opacity: 1; 29 } 30 31 100% { 32 transform: scale(1.2); 33 opacity: 0; 34 } 35}
JkHuger
JkHuger
MIT License