Loader by omar-alghaish
#212121
1.loading { 2 background-color: rgba(255, 0, 0, 0); 3 align-items: center; 4 justify-content: center; 5 display: flex; 6} 7 8.loading div { 9 background-color: rgb(255, 217, 0); 10 width: 20px; 11 height: 20px; 12 margin: 20px; 13 border-radius: 50px; 14 animation-name: load912355; 15 animation-duration: .9s; 16 animation-iteration-count: infinite; 17 animation-direction: alternate; 18 text-align: center; 19 justify-content: center; 20} 21 22.loading .a { 23 animation-delay: .3s; 24} 25 26.loading .u { 27 animation-delay: .6s; 28} 29 30@keyframes load912355 { 31 0% { 32 transform: translateY(50px) scale(1); 33 } 34 35 100% { 36 transform: translateY(10px) scale(1.8) rotate(360deg); 37 } 38}
883 views
883 views
MIT License