Loader by NourSafta

1.loader {
2  display: flex;
3  justify-content: center;
4  align-items: center;
5  top: 0;
6  left: 0;
7  width: 100px;
8  height: 100px;
9}
10
11.loader::after {
12  content: "";
13  width: 75px;
14  height: 75px;
15  border: 15px solid #dddddd;
16  border-top-color: #46C380;
17  border-radius: 50%;
18  animation: loading 0.75s ease-out infinite;
19}
20
21@keyframes loading {
22  from {
23    transform: rotate(0turn);
24  }
25
26  to {
27    transform: rotate(1turn);
28  }
29}