おめでとうございます - suto3の大福帳

おめでとうございます

おめでとう

congratulations

https://svg-hosting.vercel.app/api/svg?url=https://scrapbox.io/api/code/suto3/おめでとうございます/gz01.svg

code:gz01.svg

<svg width="200" height="100" viewBox="0 0 200 100" xmlns="http://www.w3.org/2000/svg">

<style type="text/css">

font-weight:800;

fill: white;

stroke: black;

stroke-width:4;

stroke-linecap:round;

stroke-linejoin:round;

animation: scrollAnime 15s linear infinite;

}

@keyframes scrollAnime{

0% { transform: translateX(100%)}

100% { transform: translateX(-1020%)}

}

</style>

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

Congratulations. おめでとうございます

</text>

</svg>

https://svg-hosting.vercel.app/api/svg?url=https://scrapbox.io/api/code/suto3/おめでとうございます/ha01.svg

code:ha01.svg

<svg width="200" height="100" viewBox="0 0 200 100" xmlns="http://www.w3.org/2000/svg">

<style type="text/css">

font-weight:800;

fill: white;

stroke: black;

stroke-width:4;

stroke-linecap:round;

stroke-linejoin:round;

animation: scrollAnime 15s linear infinite;

}

@keyframes scrollAnime{

0% { transform: translateX(100%)}

100% { transform: translateX(-1120%)}

}

</style>

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

Happy anniversary! おめでとうございます

</text>

</svg>