Loader by muqaddasjamal

1.container {
2  position: absolute;
3  top: 50%;
4  left: 50%;
5  border-radius: 50%;
6  height: 150px;
7  width: 150px;
8  border: 1px solid black;
9  animation: rotate_3922 1.2s linear infinite;
10  background-color: #9b59b6;
11  background-image: linear-gradient(red, yellow, blue);
12}
13
14.container span {
15  position: absolute;
16  border-radius: 50%;
17  height: 100%;
18  width: 100%;
19  background-color: #9b59b6;
20  background-image: linear-gradient(#9b59b6, #84cdfa, #5ad1cd);
21}
22
23.container span {
24  filter: blur(20px);
25}
26.container::after {
27  content: "";
28  position: absolute;
29  top: 50px;
30  left: 50px;
31  right: 50px;
32  bottom: 50px;
33  background-color: black;
34  border: solid 1px yellow;
35  border-radius: 50%;
36}
37
38@keyframes rotate_3922 {
39  from {
40    transform: translate(-50%, -50%) rotate(0deg);
41  }
42
43  to {
44    transform: translate(-50%, -50%) rotate(360deg);
45  }
46}
47