Loader by MetaBlue2000

1.loader {
2  width: 112px;
3  height: 112px;
4}
5
6.box1,
7.box2,
8.box3 {
9  border: 16px solid #f5f5f5;
10  box-sizing: border-box;
11  position: absolute;
12  display: block;
13}
14
15.box1 {
16  width: 112px;
17  height: 48px;
18  margin-top: 64px;
19  margin-left: 0px;
20}
21
22.box2 {
23  width: 48px;
24  height: 48px;
25  margin-top: 0px;
26  margin-left: 0px;
27}
28
29.box3 {
30  width: 48px;
31  height: 48px;
32  margin-top: 0px;
33  margin-left: 64px;
34  animation: infinite 1.8s wink;
35}
36
37@keyframes wink {
38  0% {
39    width: 48px;
40    height: 10px;
41    rotate: -25deg;
42    margin-top: 10px;
43  }
44
45  12.5% {
46    width: 48px;
47    height: 10px;
48    rotate: -45deg;
49    margin-top: 5px;
50  }
51
52  25% {
53    width: 48px;
54    height: 48px;
55  }
56
57  37.5% {
58    width: 48px;
59    height: 48px;
60  }
61
62  50% {
63    width: 48px;
64    height: 48px;
65  }
66
67  62.5% {
68    width: 48px;
69    height: 48px;
70  }
71
72  75% {
73    width: 48px;
74    height: 48px;
75  }
76
77  87.5% {
78    width: 48px;
79    height: 48px;
80  }
81
82  100% {
83    width: 48px;
84    height: 48px;
85    rotate: 0deg;
86  }
87}
88