Loader by DevVaradPatil

1.loader {
2  position: relative;
3  width: 50px;
4  height: 50px;
5  border-radius: 50%;
6  background: linear-gradient(45deg, transparent, transparent 40%, #e5f403);
7  animation: glow 2s linear infinite;
8}
9@keyframes glow {
10  0% {
11    transform: rotate(0deg);
12    filter: hue-rotate(0deg);
13  }
14  100% {
15    transform: rotate(360deg);
16    filter: hue-rotate(360deg);
17  }
18}
19.loader::before {
20  content: "";
21  position: absolute;
22  top: 3px;
23  left: 3px;
24  right: 3px;
25  bottom: 3px;
26  background: #212121;
27  border-radius: 50%;
28  z-index: 1000;
29}
30.loader::after {
31  content: "";
32  position: absolute;
33  top: 0px;
34  left: 0px;
35  right: 0px;
36  bottom: 0px;
37  background: linear-gradient(45deg, transparent, transparent 40%, #e5f403);
38  border-radius: 50%;
39  z-index: 1000;
40  z-index: 1;
41  filter: blur(30px);
42}
43