最终效果截图(静态):
HTML代码:
<svg viewBox="0 0 600 300">
<symbol id="id">
<text dy="1em">Lychee</text>
</symbol>
<use class="text" xlink:href="#id"></use>
<use class="text" xlink:href="#id"></use>
<use class="text" xlink:href="#id"></use>
<use class="text" xlink:href="#id"></use>
<use class="text" xlink:href="#id"></use>
</svg>
CSS代码:
.text {
font: 5em/1 Arial Rounded MT Bold;
text-transform: uppercase;
fill: none;
stroke-width: 3;
stroke-linejoin: round;
s