なにそれ
なんだよ、それは
なんだそれ
なんじゃこりゃ
なんですと
なにそれ
なにこれ
https://svg-hosting.vercel.app/api/svg?url=https://scrapbox.io/api/code/suto3/なにそれ/ns013.svg
https://svg-hosting.vercel.app/api/svg?url=https://scrapbox.io/api/code/suto3/なにそれ/ns1.svg
code:ns1.svg
<text x="10" y="90" font-size="90" fill="white" stroke="black" stroke-width="4"
font-weight="800" letter-spacing="10" word-spacing="10" >
なにそれ
</text>
</svg>
code:ns013.svg
<style type="text/css">
font-weight:800;
fill: white;
stroke: black;
stroke-width:4;
stroke-linecap:round;
stroke-linejoin:round;
stroke-dasharray: 600;
stroke-dashoffset: 600;
animation: textAnime 5s linear infinite;
}
/* @media (prefers-color-scheme: light) { /* */
@media (prefers-color-scheme: dark) { /* */
fill:black;
stroke:white;
}
}
@keyframes textAnime {
0% {
stroke-dashoffset: 600;
}
50% {
stroke-dashoffset: 0;
}
100% {
stroke-dashoffset: 0;
}
}
</style>
<text id="tx01" x="10" y="90" font-size="90" letter-spacing="10" word-spacing="10" >
なにそれ
</text>
</svg>
https://svg-hosting.vercel.app/api/svg?url=https://scrapbox.io/api/code/suto3/なにそれ/nss20.svg
code:nss20.svg
<style type="text/css">
font-weight:800;
fill: white;
stroke: black;
stroke-width:4;
stroke-linecap:round;
stroke-linejoin:round;
animation: scrollAnime 5s linear infinite;
}
/* @media (prefers-color-scheme: light) { /* */
@media (prefers-color-scheme: dark) { /* */
fill:black;
stroke:white;
}
}
@keyframes scrollAnime{
0% { transform: translateX(100%)}
100% { transform: translateX(-220%)}
}
</style>
<text id="tx01" x="10" y="90" font-size="90" letter-spacing="10" word-spacing="10" >
なにそれ
</text>
</svg>
https://svg-hosting.vercel.app/api/svg?url=https://scrapbox.io/api/code/suto3/なにそれ/g004.svg
code:g004.svg
<linearGradient id="s1" x1="0%" y1="100%" x2="0%" y2="0%" gradientUnits="userSpaceOnUse" spreadMethod="repeat">
<stop offset="0%" stop-color="#d2d2d2" />
<stop offset="25%" stop-color="#f0f0f0"/>
<stop offset="75%" stop-color="#aaaaaa" />
<stop offset="100%" stop-color="#fafafa"/>
</linearGradient>
<text x="10" y="90" font-size="90" fill="url(#s1)" stroke="black" stroke-width="4"
font-weight="900" letter-spacing="10" word-spacing="10" >
なにそれ
</text>
</svg>