CSS实现动态文字效果

最终效果截图（静态）：

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;