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}