1.loader {
2 width: 12em;
3 height: 12em;
4}
5
6.loader path {
7 stroke: #000;
8 stroke-width: 0.6px;
9 animation: dashArray 4s ease-in-out infinite,
10 dashOffset 4s linear infinite;
11}
12
13@keyframes dashArray {
14 0% {
15 stroke-dasharray: 0 1 359 0;
16 }
17
18 50% {
19 stroke-dasharray: 0 359 1 0;
20 }
21
22 100% {
23 stroke-dasharray: 359 1 0 0;
24 }
25}
26
27@keyframes dashOffset {
28 0% {
29 stroke-dashoffset: 365;
30 }
31
32 100% {
33 stroke-dashoffset: 5;
34 }
35}
36
