yolo
人生は一度きり
SNS
y.svg<svg width="200" height="100" viewBox="0 0 200 100" xmlns="http://www.w3.org/2000/svg">
<style type="text/css">
#tx01{
font-weight:800;
fill: white;
stroke: black;
stroke-width:4;
stroke-linecap:round;
stroke-linejoin:round;
animation: scrollAnime 20s linear infinite;
}
/* @media (prefers-color-scheme: light) { /* */
@media (prefers-color-scheme: dark) { /* */
#tx01{
fill:black;
stroke:white;
}
}
@keyframes scrollAnime{
0% { transform: translateX(100%)}
100% { transform: translateX(-800%)}
}
</style>
<text id="tx01" x="10" y="80" font-size="80" letter-spacing="1" word-spacing="1" >
You only live once. 人生は一度きり
</text>
</svg>