ネタフリ
n01.svg<svg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<g>
<style type="text/css">
#tx01{
font-weight:800;
fill: white;
stroke: #333;
stroke-width:2;
stroke-linecap:round;
stroke-linejoin:round;
stroke-dasharray: 600;
stroke-dashoffset: 600;
animation: textAnime 5s linear infinite;
}
@keyframes textAnime {
0% {
stroke-dashoffset: 600;
}
50% {
stroke-dashoffset: 0;
}
100% {
stroke-dashoffset: 0;
}
}
</style>
<rect id="tx01" x="8" y="8" width="84" height="84" rx="10" ry="10"
fill-opacity="0" stroke="#333" stroke-width="3" />
<text id="tx01" x="12" y="48" font-size="43" letter-spacing="0" word-spacing="0" >
ネ
</text>
<text id="tx01" x="50" y="48" font-size="43" letter-spacing="0" word-spacing="0" >
タ
</text>
<text id="tx01" x="14" y="88" font-size="40" letter-spacing="0" word-spacing="0" >
フ
</text>
<text id="tx01" x="48" y="88" font-size="40" letter-spacing="0" word-spacing="0" >
リ
</text>
</g>
</svg>