Loader by csozidev

1/* Discord loader made by: csozi | Website: www.csozi.hu*/
2
3.loader {
4  position: relative;
5  height: 60px;
6  width: 60px;
7  box-sizing: content-box;
8  padding: 10px;
9}
10
11.square {
12  background-color: #7289DA;
13  height: 20px;
14  width: 20px;
15  position: absolute;
16}
17
18.square-1 {
19  animation: load 2s infinite;
20}
21
22.square-2 {
23  animation: load 2s infinite;
24  animation-delay: 1s;
25}
26
27@keyframes load {
28  0% {
29    translate: 0px 0px;
30    scale: 1;
31    rotate: 0deg;
32  }
33
34  25% {
35    translate: 40px 0px;
36    scale: 0.5;
37    rotate: -90deg;
38  }
39
40  50% {
41    translate: 40px 40px;
42    scale: 1;
43    rotate: 180deg;
44  }
45
46  75% {
47    translate: 0px 40px;
48    scale: 0.5;
49    rotate: 90deg;
50  }
51}