<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 411.1 41.3" xml:space="preserve">

<g>
	<path pathLength="100" class="st0" d="M14.2,2c0-0.3-0.4-1-0.7-1C14,2.3,14,4,14.4,5.4c0.4,1.5,0.9,3.1,1.2,4.6"/>
	<path pathLength="100" class="st0" d="M1.3,15.6c-0.1,0-0.2,0.1-0.3,0.1v-0.1c3.8-0.7,7.8-1.6,11.7-2.3c1.9-0.5,8.7-2.9,9.7-1
		c1.4,2.7,0.3,6.8-0.6,9.6c-0.4,0.7-0.4,1.5-0.8,2.2c-0.3,0.1-0.5,0.5-0.8,0.6c0,0.1-0.1,0.2-0.1,0.3h-0.2"/>
	<path pathLength="100" class="st0" d="M8.2,21.4c0-0.1,0.1-0.1,0.2-0.1c0.1-0.3,0.9-0.4,1.2-0.6c1.4-0.5,2.9-1.2,4.3-1.5c2.1-0.6,4.3-1.3,6.5-1.4
		v0.1c-0.5,0-0.9,0.6-1.3,0.7"/>
	<path pathLength="100" class="st0" d="M8.2,27.3c3.6-0.4,6.9-2.3,10.4-2.9"/>
	<path pathLength="100" class="st0" d="M8.1,16.8c-0.2,4.4-0.8,9-0.9,13.5c-0.1,2.6-0.6,7.4,1,9.6c2.1,1.9,7.3-4.4,9-5.9"/>
	<path pathLength="100" class="st0" d="M26.3,26.2L26.2,26c-1,0.9-2.4,1.9-3.4,3c-1.1,0.5-2.2,1.4-3.3,1.9c-0.5,0.2-1.1,0.5-1.6,0.6
		c-0.1,0-0.4,0-0.4,0.2h-0.1c1.2,1.1,2.8,1.9,4.3,2.5c2,1.1,5.1,3,7.4,2.7L29,36.8"/>
</g>
<g>
	<path pathLength="100" class="st0" d="M43.3,6.2V6.1c0,0-0.2,0.2-0.2,0.2c-0.3-0.6-2,0.8-2.3,1.1C39.5,8,38.4,8.6,37.1,9v0.1H37
		c-0.3,0.7-0.6,1.6-0.4,2.4c0.1,0.8-0.1,2.5,0,3.2c0,0.5,0,1.5-0.2,1.9c0.2,0.4,0.2,0.9,0.3,1.3h0.1V18"/>
	<path pathLength="100" class="st0" d="M36.8,13.7c3.9-1.6,8.8-2.3,13-2v0.1"/>
	<path pathLength="100" class="st0" d="M44.8,11.8h-0.3c-0.1,1.4-0.2,3,0.4,4.3c0.1,0.2,0.1,0.6,0.1,0.8c0.2,0.3,0.4,0.6,0.5,0.9"/>
	<path pathLength="100" class="st0" d="M56.9,4.6L56.9,4.6c-0.5,0.3-1.2,0.7-1.7,1.2c-0.3,0.2-0.7,0.3-0.8,0.6c-0.5,0.1-0.9,0.5-1.3,0.7
		c-0.3,0.2-0.9,0.6-0.9,0.9h-0.1c-0.3,1.1,0.1,2.4,0.2,3.5c0.2,0.9,0.1,2.1,0.4,2.9"/>
	<path pathLength="100" class="st0" d="M51.6,9.7V9.6c3.3-1.3,7.2-0.7,10.8-0.7V9c-0.1,0-0.3,0.2-0.5,0.1"/>
	<path pathLength="100" class="st0" d="M57.7,9.3c0.2,2.4-0.3,5-1.1,7.2"/>
	<path pathLength="100" class="st0" d="M44.2,19H44c-0.6,4.3-0.7,9.4-0.6,13.8h0.2v-0.3"/>
	<path pathLength="100" class="st0" d="M43.6,20v-0.3h0.1c2-1.5,8-2.4,10.2-0.8V19h0.2v0.1h0.1v0.1l0,0v0.1h0.1v0.2h0.1c0.9,3.2,1.1,7,0.7,10.4
		c0.1,0.5,0,1.3-0.1,1.8c0,0.2,0.1,1.3-0.4,0.9"/>
	<path pathLength="100" class="st0" d="M43.4,23.4L43.4,23.4l0.1-0.1c1.6-0.1,4.4-0.4,5.8-0.1l0.1-0.1v0.2"/>
	<path pathLength="100" class="st0" d="M43.2,27.7v-0.1c2.3-0.2,5.1,0.4,7.3,0.2v0.1l0,0c0,0.1,0,0.2-0.1,0.2"/>
	<path pathLength="100" class="st0" d="M41.9,32.2c3.1,0,6.7-0.3,9.7-0.2"/>
	<path pathLength="100" class="st0" d="M45.2,33.4L45.2,33.4L45.2,33.4L45,33.5v0.1c-0.8,0.7-1.3,2.1-2.1,2.9c-1.1,1-2.3,2.3-3.1,3.5"/>
	<path pathLength="100" class="st0" d="M53.5,34.4c1.1,0.6,1.6,1.9,2.5,2.7c0.9,0.8,1.9,1.7,2.9,2.2v0.1"/>
</g>
<g>
	<path pathLength="100" class="st0" d="M71.7,17.9v-0.1c3-0.2,6-0.8,9-0.8v-0.1h-0.1"/>
	<path pathLength="100" class="st0" d="M77.2,13.4v0.1h-0.3c-1.6,2.7-2.6,5.9-3.9,8.8c-0.4,1.1-3,4.7-1.9,5.4"/>
	<path pathLength="100" class="st0" d="M89.4,16.2L89.4,16.2l0.1,0.1c2.5,0.5,4.6,2.1,6.9,3c0,0.1-0.1,0.4-0.3,0.4"/>
	<path pathLength="100" class="st0" d="M85.9,22.3L85.9,22.3c0.6,3.8,0.3,8.1-1.4,11.7c-0.4,0.5-0.7,1.3-1.2,1.8c-0.1,0.3-0.3,0.5-0.6,0.4
		c0,0.1-0.2,0.1-0.3,0.1c-1.2-0.3-1.7-1.6-1.9-2.8c-0.5-1.9,1.3-3.3,2.8-4.1c1.8-0.8,3.8-0.7,5.6,0c0.5,0.2,1.3,0.1,1.6,0.5
		c0.3-0.1,0.3,0.3,0.5,0.3"/>
</g>
<g>
	<path pathLength="100" class="st0" d="M108.4,8V7.7h0.1c1,3.7,0.7,8.3,0.8,12.2c0.2,1.6-0.1,3.6,0.7,5v-0.1"/>
	<path pathLength="100" class="st0" d="M108.6,12.5v-0.2h-0.1c0-0.2,0.2-0.2,0.2-0.4c3.7-2.3,8.3-2.8,12.6-3.4c2.3,0.1,4-0.6,5.2,1.9
		c1.1,2.3,1,5,0.4,7.5c-0.5,2-0.8,4.4-1.7,6.2l0,0"/>
	<path pathLength="100" class="st0" d="M116.6,9.5l-0.1,0.1c0.2,3.8-0.2,9.2-0.2,13.1h0.1"/>
	<path pathLength="100" class="st0" d="M110.1,16.9l-0.1-0.1c3.9-1.5,8.5-0.5,12.5-1.4v0.1h-0.1"/>
	<path pathLength="100" class="st0" d="M109.5,24.2c4.1,0.1,8.4-0.1,12.5-0.4"/>
	<path pathLength="100" class="st0" d="M106.4,29.4c0,1.8-0.2,4.7,0,6.6c0.2,0.9-0.1,2.5,0.4,3.3h0.2"/>
	<path pathLength="100" class="st0" d="M116.4,28.6v-0.1h0.1c0,0.1,0.1,0.2,0.1,0.3h-0.1c1,2.4,2.1,4.9,4.1,6.8c3,3.7,7.1,0.9,9.1-2.2"/>
	<path pathLength="100" class="st0" d="M126.2,27.6L126.2,27.6l-0.1,0.2h0.1c-0.1,0.5,0.6,0.8,0.7,1.3c0.2,0.2,0.7,0.2,0.8,0.5"/>
	<path pathLength="100" class="st0" d="M132.8,26.9h0.1c0.1,0.6,0.6,1.1,0.7,1.7c0.3,0.2,0.6,0.5,0.7,0.8"/>
</g>
<g>
	<path pathLength="100" class="st0" d="M146.4,11.8h-0.5c0-0.2-0.6-0.3-0.8-0.3v-0.1h0.2v-0.1c4.9-1.4,10.1-1.6,15.2-1.8v0.1h-0.7"/>
	<path pathLength="100" class="st0" d="M152.7,5.5c0.3,3.6-0.7,7.8-0.1,11.2"/>
	<path pathLength="100" class="st0" d="M140.4,18.8H140v-0.1l0,0v-0.1c8.5-1.9,17.7-1.5,26.3-2.8h-0.1v0.1c-0.3,0-0.9,0-1.2,0.1"/>
	<path pathLength="100" class="st0" d="M162.8,8.1c-0.1,0-0.3-0.2-0.5-0.1v0.1c-4.3,3.2-7.2,8.4-10.7,12.5c-2.3,3.1-11.4,12.7-11.2,15.8"/>
	<path pathLength="100" class="st0" d="M154.3,23.1c1.6,0.1,3.3-0.6,4.7-0.4"/>
	<path pathLength="100" class="st0" d="M152.7,21.1V21h-0.1v-0.1h-0.2c-1.1,3.2-2.2,7.1-1.4,10.4h0.1v0.1c1.6,0,3.1-1.1,4.7-1.4
		c2.2-0.5,5.1-0.4,3.4,2.6c-0.6,1.9-2.1,3.6-3.2,5.2c-0.1,0-0.2,0-0.2,0.1h0.1l-0.1,0.1"/>
</g>
<g>
	<path pathLength="100" class="st0" d="M178.3,14.8c0-0.3-0.3-0.7-0.5-0.9c-0.7,2.7-0.7,5.9-1.3,8.7c-0.6,4.3-1.7,9.2-1.1,13.4c0.2-0.1,0-0.3,0.2-0.4
		"/>
	<path pathLength="100" class="st0" d="M177.2,16.7c0.3-1.9,3.2-2.1,4.6-1.5c2.5,2.3,2.3,14.3,1,17.4c-0.1,0-0.1-0.1-0.1-0.2"/>
	<path pathLength="100" class="st0" d="M176.2,25.2c-0.1,0-0.1-0.1-0.1-0.2c0.8-0.1,6.1-0.7,6.1,0.4"/>
	<path pathLength="100" class="st0" d="M176,32.1L176,32.1c1.9,0.6,4.4,0.5,6.3-0.3"/>
	<path pathLength="100" class="st0" d="M188.7,14.5c-0.2-0.1-0.6-0.1-0.5-0.3c4.7-0.8,9.7-0.9,14.5-1.3l-0.2,0.1"/>
	<path pathLength="100" class="st0" d="M196.1,7.9L196,7.7c0.1,2,0.1,4.6-0.1,6.6c0.2,1.7,0.1,3.9-0.3,5.5"/>
	<path pathLength="100" class="st0" d="M186.3,20.9c0-0.2-0.6-0.1-0.7-0.1v-0.1c5.2-1.4,14.2,0.1,19.4-1.1v0.1h-0.3v0.1c-0.1,0-0.4,0.2-0.5,0.3"/>
	<path pathLength="100" class="st0" d="M188.5,26.5h-0.2v0.1h-0.2v-0.1H188v0.1c-0.8-0.1-1.5,0.3-2.3,0.2v0.1h-0.3v-0.1c5.6-1.1,12,0.4,17.5-0.6v-0.1
		h0.1v0.1c-0.2-0.1-0.4,0.1-0.5,0.1v0.1"/>
	<path pathLength="100" class="st0" d="M198.8,24.3c-0.3,0.1-0.2-0.3-0.5-0.3v0.1h0.1c0.9,5,1.3,11-1.1,15.7c0-0.2-0.2-0.5-0.4-0.5v-0.1"/>
	<path pathLength="100" id="パス_82_1_" class="st0" d="M190.1,29.2H190v0.2l0,0v0.1h0.1c0,0.1,0.2,0.2,0.1,0.4h0.2V30h0.1v0.3h0.1
		c0,0.5,0.4,0.6,0.3,1h0.1c-0.1,0.2,0.1,0.4,0.1,0.6h0.1l-0.1,0.1h0.1c0,0.1,0.2,0.3,0.1,0.5h0.1v1.1l0,0v0.1h0.1v0.2
		c0.1,0,0.2,0,0.2,0.1"/>
</g>
<g>
	<path pathLength="100" class="st0" d="M215.7,11c0-0.5,0-1.3,0.3-1.7c0-0.2,0.1-0.8,0.3-0.8c0-0.1,0-0.2,0.1-0.2c1.3,4.1,0.8,9.8,0.6,14.1
		c-0.3,5.4-0.6,11.2,0,16.5c0.2-0.1,0.2-0.3,0.3-0.5"/>
	<path pathLength="100" class="st0" d="M216.4,11.8c0.1-0.2-0.1-0.3-0.1-0.4c0.1,0,0.1-0.1,0.1-0.2h0.1c1.6-1.4,5.5-2.2,7.3-0.8
		c0.1,1.8,0.4,3.9,0.4,5.8c0.2,0.7,0.1,3.9-0.5,4.1"/>
	<path pathLength="100" class="st0" d="M216.6,16.4c0.8-0.6,1.9-0.7,2.9-0.8c1.1-0.1,2.3-0.1,3.4,0.2c0,0.2,0.4,0.3,0.1,0.5"/>
	<path pathLength="100" class="st0" d="M216.8,22.4c2.5,0.1,5.1-0.7,7.5-1.5"/>
	<path pathLength="100" class="st0" d="M231,10c-0.2,0-0.1-0.7-0.1-0.8h0.1V9.1l0,0c0.5,3.9-0.1,8.3-0.3,12.1h0.1c0.1-0.2,0.3-0.5,0.3-0.8"/>
	<path pathLength="100" class="st0" d="M231,10.8c-0.2-0.2-0.3-0.4-0.3-0.7h0.1V10c1.6-1,3.6-1.7,5.6-1.7c1-0.2,2.9-0.3,3.7,0.3v0.1h0.1
		c0,0.1,0.2,0.3,0.3,0.3v0.1c0.1,0,0.2,0.1,0.3,0.1c-0.1,0.2,0.1,0.3,0.1,0.4h0.1c0.4,1,0.4,2.4,0.4,3.5c0.3,1.3,0.2,2.9,0.4,4.2
		c0.2,3.5,0.6,7.2,0.7,10.8c0.1,1.7,0.4,3.4,0.4,5.1c0.3,1.6,0.4,3.4-0.1,5c-0.5-0.1-0.4-0.8-0.5-1.2"/>
	<path pathLength="100" class="st0" d="M231.2,15c-0.1-0.1-0.2-0.1-0.3-0.1v-0.1l0,0c2.6-1.2,6-0.6,8.7-0.3v0.1h-0.1"/>
	<path pathLength="100" class="st0" d="M229.8,20.2c2.7,0,6,0,8.6,0.3v0.1l0,0"/>
	<path pathLength="100" class="st0" d="M225.5,23.8v-0.1h-0.1c-0.6,3.1-0.2,6.7-0.6,9.8h-0.1c0.1-0.1,0.1-0.2,0.1-0.3"/>
	<path pathLength="100" class="st0" d="M225.5,24.4c-0.1-0.3,0.3-0.5,0.5-0.5c0.4-0.2,0.9-0.3,1.3-0.4c1.8-1,3.6-1.2,5.1,0.3c0,0.2,0.1,0.3,0.2,0.3
		c0,0.3,0.2,0.8,0.3,1.1c0.1,0.7,0,1.9,0.2,2.6c-0.2,0.4,0.2,0.9-0.1,1.2c0.1,0.8-0.2,1.7-0.3,2.5h-0.1v0.3h-0.2"/>
	<path pathLength="100" class="st0" d="M225.6,28.9c-0.1,0-0.1-0.1-0.1-0.2c1.6-0.6,3.6-0.4,5.4-0.4v0.1h0.2v0.1"/>
	<path pathLength="100" class="st0" d="M225.6,32v0.1c1.1,0.4,2.4,0.5,3.6,0.7c1,0,2.3,0.5,3.2,0"/>
</g>
<g>
	<path pathLength="100" class="st0" d="M255.2,17.2c-0.3,0-0.8-0.2-1.2-0.1V17c3.7-0.1,7.5-0.7,11.1-1.5v0.1c-0.2,0-0.7,0-0.8,0.1"/>
	<path pathLength="100" class="st0" d="M261.9,14.7v-0.1h0.1v-0.1c-0.4,0-0.6,0.5-0.9,0.8c-0.2,0-0.3,0.6-0.6,0.6c-0.4,1.5,0.1,3.2,0.4,4.8
		c0.4,0.6,0.5,1.4,0.7,2c0.2,0.6,0.6,1.3,0.7,1.9h0.1c0,0.2,0.1,0.3,0.2,0.4c-0.1,0.3,0.3,0.4,0.2,0.7h0.2v0.1
		c0.1-0.1,0.3-0.1,0.3-0.3"/>
	<path pathLength="100" class="st0" d="M267.3,22.8h-0.1v-0.1h-0.1v0.1c-0.5-0.1-0.8,0.3-1.2,0.3c-0.2,0.2-0.4,0.5-0.7,0.4c-0.1,0.3-0.7,0.3-1,0.5
		c-0.2,0.3-0.7,0.2-0.9,0.5c-0.2,0-0.5,0.1-0.7,0.2c-0.7,0.6-1.5,1.3-2.2,2c-0.2,0.2-0.3,0.6-0.6,0.6c-0.2,0.1-0.1,0.4-0.3,0.4
		c0,0.1-0.1,0.2-0.1,0.3h-0.1c0,0.1-0.1,0.5-0.3,0.5c0.1,0.2-0.1,0.4-0.1,0.6h-0.1v0.3h-0.1c0,0.1-0.1,0.2-0.1,0.3h-0.1
		c0,0.3-0.2,1.1-0.1,1.5c0.2,0.1,0.2,0.3,0.2,0.5c0.1,0.1,0.2,0.3,0.2,0.4h0.1c0,0.2,0.2,0.3,0.2,0.5c0.3,0,0.3,0.4,0.6,0.4v0.1h0.1
		c0,0.2,0.2,0.2,0.3,0.2v0.1c0.1,0,0.2,0.1,0.3,0.1v0.1c0.2,0.1,0.6,0.1,0.8,0.1v0.1c1.3,0,3.4,0,4.6-0.5c0.8-0.5,1.8-0.7,2.6-1.3
		h-0.1v0.1"/>
</g>
<g>
	<path pathLength="100" class="st0" d="M284.8,14.2h-1.1v-0.1c4.6-0.7,9.7-1.1,14.2-2.3c-0.4,0.1-0.6-0.3-0.9-0.3"/>
	<path pathLength="100" class="st0" d="M292.5,8.3l-0.1-0.1l0,0c-1.2,6.9-1.2,17.1-1.1,24.3h0.2c0-0.1,0-0.3,0.1-0.4"/>
	<path pathLength="100" class="st0" d="M298.3,19.1h0.1V19h0.1c0-0.1,0-0.2,0.1-0.2c-0.1,0-0.1,0.1-0.1,0.2L298.3,19.1c-0.1,0.7-0.7,1.6-1.2,2.3
		c-0.5,1-1,2-1.7,2.9c-1.7,2.1-3.3,4.4-5.6,5.9c-1.8,1.8-3.9,3.3-6.2,4.3c-0.4,0-1,0-1.3-0.3c0-0.2-0.3-0.3-0.4-0.4
		c0-0.1-0.1-0.2-0.2-0.2c0-0.1-0.1-0.2-0.2-0.3c0.1-0.2-0.1-0.3-0.1-0.5c-0.3-0.3-0.3-0.9-0.3-1.3c0.3-0.5,0.3-1.2,0.6-1.7
		c0.5-0.6,0.8-1.5,1.3-2.2c0.8-1,1.4-2.3,2.5-3.1c1.7-1.2,3.4-2.5,5.4-3.1c2.2-0.7,4.5-1.8,6.8-1.5c1.6,0.4,3.4,0.8,4.7,1.6
		c1.5,1.1,2.9,2.7,3.3,4.5c0.3,1.4,0.4,3.3-0.1,4.7c-0.1,0.8-0.3,1.6-0.7,2.3c-0.2,0.6-0.8,1.5-1.4,1.8v0.1c-0.1,0-0.3,0.1-0.4,0.2
		v-0.2c0.1,0,0.3-0.2,0.4-0.2"/>
</g>
<g>
	<path pathLength="100" class="st0" d="M313.3,15.6c-0.3,0.1-0.6-0.1-0.8-0.1v-0.1h0.1v-0.1c4-0.3,8.3-1.2,12.3-1h-0.1v0.1h-0.2"/>
	<path pathLength="100" class="st0" d="M321,10.3c-0.8,0.2-1,2-1.3,2.7c-0.4,1-1,2.4-1.3,3.5c-0.5,1-0.8,2.5-1.1,3.6c-0.5,1-1.9,4.4-0.4,4.8"/>
	<path pathLength="100" class="st0" d="M332.1,14.1c2.3,0.2,4.8,0.5,6.9,1.2c0.1,0.3-0.2,0.3-0.4,0.4"/>
	<path pathLength="100" class="st0" d="M329.6,19.3v0.1l0,0c-0.4,4.7-0.1,10-1.9,14.3h-0.1v0.2h-0.1V34h-0.1v0.1h-0.1c0,0.2-0.3,0.3-0.5,0.3v0.1
		c-0.3,0.1-0.5-0.2-0.7-0.2v-0.1H326c-3.4-4.8-0.8-7.6,4.7-6.8c0.7,0.2,1.7,0.3,2.3,0.7c0.3,0.3,0.8,0.4,1.1,0.7
		c0.3,0.1,0.8,0.2,1,0.4"/>
</g>
<g>
	<path pathLength="100" class="st0" d="M345.7,15.3c-0.2,0-0.3-0.3-0.4-0.4h0.1v-0.2c4-1.4,8.7-2.1,12.9-2.1v0.1h-0.1"/>
	<path pathLength="100" class="st0" d="M354,9.7c-0.1-0.1-0.3-0.1-0.4-0.1v0.1h-0.1c-3,7.1-6.7,18.3-5,25.9"/>
	<path pathLength="100" class="st0" d="M360.2,21.9c-0.2-0.5,2.2-0.9,2.7-0.9c1-0.2,2-0.4,3-0.4v-0.1h-0.1v0.1"/>
	<path pathLength="100" class="st0" d="M361.2,28.3c0.3,0,0.6,0.2,0.8,0.4c0.6,0.2,1.4,0.4,2,0.7c0.4,0.1,1.1,0.2,1.5,0c0.4,0.1,0.8,0.2,1.2,0.2v0.1
		c0.3,0,1,0,1.2,0.2"/>
</g>
<g>
	<path pathLength="100" class="st0" d="M379.9,12.7c0-0.3-0.1-0.6-0.1-0.9c-1.5,3.5-2,8.5-2.4,12.5c-0.1,1.6-0.4,8.7,1.8,8.4"/>
	<path pathLength="100" class="st0" d="M388.2,17.2V17c1-0.4,5.3-0.3,6.5-0.3v0.1"/>
	<path pathLength="100" class="st0" d="M389,26c1.7,0.5,6.6,0.5,8.4,0.3"/>
</g>
<g>
	<path pathLength="100" class="st0" d="M408.7,29.4h-0.1v-0.1c0,0.1-0.1,0.1-0.2,0.1v0.1c-0.9,0.4-1.8,1.6-2,2.7c0,0,0,1.8,0,1.8
		c0.2,0.3,0.4,0.7,0.5,1.1c0.4,0.5,1.1,0.6,1.7,0.6c1.3-0.4,1.8-2.4,1.4-3.7c-0.3-0.6-0.9-1.1-1.4-1.4c-0.3-0.2-0.6-0.4-1-0.3"/>
</g>
</svg>
html, body {
	width: 100%;
	height: 100%;
}

body {
	display: flex;
	align-items: center;
	justify-content: center;
}

svg {
	height: 100px;
	g {
		path {
			display:none;
			fill: none;
			stroke: #000000 !important;
			stroke-miterlimit: 10;
			stroke-linejoin:round;
			stroke-linecap:round;
			stroke-width: 2px;
			stroke-dasharray: 100;
			stroke-dashoffset: 100;
			&.is-visible {
				display:block;
			}
		}
	}
}
View Compiled
var speed = 0.2;

var kanji = document.querySelectorAll('svg g');
var timeline = gsap.timeline();

kanji.forEach(char=>{
	var strokes = char.querySelectorAll('path');
	strokes.forEach(stroke=>{
		timeline.to(stroke, {strokeDashoffset: 0, duration: speed, onStart: function(){stroke.classList.add('is-visible')}})
	})
})

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://unpkg.co/gsap@3/dist/gsap.min.js