Loader by vikramsinghnegi

1.blob {
2  width: 112px;
3  height: 112px;
4  display: grid;
5  background: #fff;
6  filter: blur(5.6px) contrast(10);
7  padding: 11.2px;
8  mix-blend-mode: darken;
9}
10
11.blob:before,
12.blob:after {
13  content: "";
14  grid-area: 1/1;
15  width: 44.8px;
16  height: 44.8px;
17  background: #474bff;
18  animation: blob-rhf26m 2s infinite;
19}
20
21.blob:after {
22  animation-delay: -1s;
23}
24
25@keyframes blob-rhf26m {
26  0% {
27    transform: translate(0, 0);
28  }
29
30  25% {
31    transform: translate(100%, 0);
32  }
33
34  50% {
35    transform: translate(100%, 100%);
36  }
37
38  75% {
39    transform: translate(0, 100%);
40  }
41
42  100% {
43    transform: translate(0, 0);
44  }
45}
46