1.loader {
2 border: 0 solid transparent;
3 border-radius: 50%;
4 width: 100px;
5 height: 100px;
6}
7
8.loader::before,
9.loader::after {
10 content: '';
11 border: 7px solid #ccc;
12 border-radius: 50%;
13 width: inherit;
14 height: inherit;
15 position: absolute;
16 animation: loader 2s linear infinite;
17 opacity: 0;
18}
19
20.loader::before {
21 animation-delay: 1s;
22}
23
24@keyframes loader {
25 0% {
26  transform: scale(1);
27  opacity: 0;
28 }
29
30 50% {
31  opacity: 1;
32 }
33
34 100% {
35  transform: scale(0);
36  opacity: 0;
37 }
38}