Loader by FWDJc

1.eye-lid {
2  background-color: rgb(0, 0, 0);
3  border-radius: 50%;
4  display: flex;
5  justify-content: center;
6  align-items: center;
7  box-shadow: 0 9px 0 2px rgba(0, 0, 0, 0.2);
8  width: 150px;
9  height: 150px;
10}
11
12.eye {
13  background-color: #ffbc03;
14  border-radius: 50%;
15  transform: translate3d(0, 0, 0) rotate(90deg);
16  width: 120px;
17  height: 120px;
18  animation: eye 5s infinite;
19}
20
21@keyframes eye {
22  12%,
23  25% {
24    width: 100px;
25    height: 110px;
26  }
27
28  37%, 
29  50% {
30    width: 60px;
31    height: 130px;
32  }
33
34  63%, 
35  75% {
36    width: 100px;
37    height: 103px;
38  }
39
40  87% {
41    width: 100px;
42    height: 100px;
43  }
44}
45
46.cornea {
47  position: absolute;
48  top: 50%;
49  left: 50%;
50  transform: translate(-50%, -50%);
51  background-color: rgb(0, 0, 0);
52  border-radius: 50%;
53  width: 50px;
54  height: 50px;
55  animation: eye-color 5s infinite;
56}
57
58@keyframes eye-color {
59  63%, 75% {
60    background-color: rgb(8, 20, 96);
61  }
62}
63
64.white-pupil {
65  position: absolute;
66  top: 9%;
67  left: 10%;
68  border-radius: 50%;
69  background-color: #ffbc03;
70  width: 20px;
71  height: 20px;
72}