Untitled

dabblet.html

<div style="width:160px;height:160px;">
      <svg width="100%" height="100%" viewBox="0 0 10 10">
      <g stroke="#000" stroke-width="1.5px" stroke-linecap="round">
        <path d="M1,2 L9,2">
          <animate dur=".5s" fill="freeze" attributeName="d" to="M2,2 L8,8" />
        </path>
        <path d="M1,5 L9,5">
          <animate dur=".5s" fill="freeze" attributeName="opacity" to="0" />
        </path>
        <path d="M1,8 L9,8">
          <animate dur=".5s" fill="freeze" attributeName="d" to="M2,8 L8,2" />
        </path>
      </g>
      </svg>
 </div>
 
<div style="width:160px;height:160px;">
      <svg width="100%" height="100%" viewBox="0 0 10 10">
      <g stroke="#000" stroke-width="1.5px" stroke-linecap="round">
        <path d="M2,2 L8,8"/>
        <path d="M1,5 L9,5" opacity="0" />
        <path d="M2,8 L8,2"/>
      </g>
      </svg>
 </div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}