1.9K views
1@keyframes loader_5191 { 2 from { 3 opacity: 0; 4 } 5 6 to { 7 opacity: 1; 8 } 9} 10 11.square { 12 background: #ddd; 13 width: 10px; 14 height: 10px; 15 position: absolute; 16 top: 50%; 17 left: 50%; 18 margin-top: -5px; 19 margin-left: -5px; 20} 21 22#sq1 { 23 margin-top: -25px; 24 margin-left: -25px; 25 animation: loader_5191 675ms ease-in-out 0s infinite alternate; 26} 27 28#sq2 { 29 margin-top: -25px; 30 animation: loader_5191 675ms ease-in-out 75ms infinite alternate; 31} 32 33#sq3 { 34 margin-top: -25px; 35 margin-left: 15px; 36 animation: loader_5191 675ms ease-in-out 150ms infinite; 37} 38 39#sq4 { 40 margin-left: -25px; 41 animation: loader_5191 675ms ease-in-out 225ms infinite; 42} 43 44#sq5 { 45 animation: loader_5191 675ms ease-in-out 300ms infinite; 46} 47 48#sq6 { 49 margin-left: 15px; 50 animation: loader_5191 675ms ease-in-out 375ms infinite; 51} 52 53#sq7 { 54 margin-top: 15px; 55 margin-left: -25px; 56 animation: loader_5191 675ms ease-in-out 450ms infinite; 57} 58 59#sq8 { 60 margin-top: 15px; 61 animation: loader_5191 675ms ease-in-out 525ms infinite; 62} 63 64#sq9 { 65 margin-top: 15px; 66 margin-left: 15px; 67 animation: loader_5191 675ms ease-in-out 600ms infinite; 68}
JkHuger
JkHuger
MIT License