Loader by csozidev

1/* SVG loader made by: csozi | Website: www.csozi.hu*/
2
3/*You dont need this "p" style*/
4.text {
5  font-weight: bolder;
6  font-size: 17px;
7  color: black;
8  position: absolute;
9  translate: -50% 0px;
10  top: 20px;
11  left: 50%;
12  text-align: center;
13}
14
15.loader {
16  overflow: visible;
17  height: fit-content;
18  width: fit-content;
19  padding: 20px;
20  display: flex;
21}
22
23.logo {
24  fill: none;
25  stroke-dasharray: 20px;
26  /*<-- Play with this number until it look cool */
27  stroke: black;
28  animation: load 15s infinite linear;
29}
30
31@keyframes load {
32  0% {
33    stroke-dashoffset: 0px;
34  }
35
36  100% {
37    stroke-dashoffset: 200px;
38    /* <-- This number should always be 10 times the number up there*/
39  }
40}
41