わからん

https://svg-hosting.vercel.app/api/svg?url=https://scrapbox.io/api/code/villagepump/わからん/w01.svg

code:w01.svg

<style type="text/css">

:root {

--nandesuka-col-1:black;

--nandesuka-col-2:white;

}

font-weight:800;

fill: none;

stroke: var(--nandesuka-col-1);

stroke-width:4;

stroke-linecap:round;

stroke-linejoin:round;

stroke-dasharray: 800;

stroke-dashoffset: 800;

animation: textAnime 15s linear infinite;

}

@keyframes textAnime {

0% {

stroke-dashoffset: 800;

}

20% {

stroke-dashoffset: 0;

stroke: var(--nandesuka-col-2);

}

60% {

stroke-dashoffset: 0;

}

80% {

stroke-dashoffset: 800;

/*stroke-dashoffset: 0;*/

stroke: var(--nandesuka-col-1);

}

100% {

stroke-dashoffset: 800;

stroke: var(--nandesuka-col-2);

}

}

</style>

<text id="tx01" x="10" y="90" font-size="90" letter-spacing="10" word-spacing="10" >

わからん

</text>

</svg>