Loader by SteveBloX

1.loader {
2  width: 200px;
3  height: 200px;
4  position: relative;
5  display: flex;
6  align-items: center;
7  justify-content: center;
8}
9
10.loader_cube {
11  position: absolute;
12  width: 80%;
13  height: 80%;
14  border-radius: 10px;
15}
16
17.loader_cube--glowing {
18  z-index: 2;
19  background-color: rgba(255, 255, 255, 0.2);
20  border: 2px solid rgba(255, 255, 255, 0.3);
21}
22
23.loader_cube--color {
24  z-index: 1;
25  filter: blur(4px);
26  background: linear-gradient(45deg, #ffca18, #ff6f00);
27  animation: loadtwo 3s ease-in-out infinite;
28}
29
30@keyframes loadtwo {
31  50% {
32    transform: rotate(-90deg);
33  }
34}