1.loader {
2  width: 60px;
3  height: 60px;
4  background: #4285f4;
5  border-radius: 10%;
6  animation: dice3 7s ease-in-out infinite;
7  filter: drop-shadow(2px 3px 40px #444);
8}
9
10@keyframes dice3 {
11  from, to {
12    transform: translateX(-50px) rotateX(0deg);
13  }
14
15  25% {
16    background: #db4437;
17  }
18
19  50% {
20    background: #f4b400;
21    transform: translateX(50px) rotate(360deg);
22  }
23
24  75% {
25    background: #0f9d58;
26  }
27}