あいまい

https://svg-hosting.vercel.app/api/svg?url=https://scrapbox.io/api/code/suto3/あいまい/a01.svg

code:a01.svg

<style type="text/css">

:root {

--col-1:black;

--col-2:white;

--col-3:gray;

}

font-weight:800;

fill: var(--col-2);

stroke: var(--col-1);

stroke-width:4;

stroke-linecap:round;

stroke-linejoin:round;

animation: textAnime 12s linear infinite;

}

/* @media (prefers-color-scheme: light) { /* */

@media (prefers-color-scheme: dark) { /* */

--col-1:white;

--col-2:black;

--col-3:blue;

}

}

@keyframes textAnime {

0% {

}

25% {

fill: var(--col-1);

stroke: var(--col-3);

}

50% {

fill: var(--col-2);

stroke: var(--col-3);

}

75% {

fill: var(--col-1);

stroke: var(--col-3);

}

100% {

}

}

</style>

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

あいまい

</text>

</svg>