イイネ

https://svg-hosting.vercel.app/api/svg?url=https://scrapbox.io/api/code/suto3/イイネ/like.svg

https://svg-hosting.vercel.app/api/svg?url=https://scrapbox.io/api/code/suto3/イイネ/l04.svg

code:like.svg

<g>

<rect x="5" y="5" width="360" height="90" rx="10" ry="10"

fill-opacity="0" stroke="#ff4400" stroke-width="5" />

<text x="15" y="80" font-size="80" fill="#ff4400"

font-weight="400" letter-spacing="10" word-spacing="10" >

イイネ👍

</text>

</g>

</svg>

code:l04.svg

<style type="text/css">

font-weight:400;

stroke: white;

stroke-width:1;

stroke-linecap:round;

stroke-linejoin:round;

animation: scrollAnime 6s linear infinite;

}

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

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

stroke:black;

}

}

@keyframes scrollAnime{

0% { transform: translateX(100%)}

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

}

</style>

<g>

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

イイネ👍 Like!👍

</text>

</g>

</svg>