Loader by csozidev
#e8e8e8
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
4.5K views
4.5K views
MIT License