animateMotion-values-linear-1-ref.svg

Enable keyboard shortcuts

Checkerboard

<svg xmlns="http://www.w3.org/2000/svg">

  <!-- First row -->

  <g transform="translate(20,20)">

<g>

      <rect width="15px" height="15px"/>

    </g>

    <g transform="translate(50,0)">

      <rect x="0" y="10" width="15px" height="15px"/>

    </g>

    <g transform="translate(100,0)">

      <rect x="9" y="10" width="15px" height="15px"/>

    </g>

  </g>

  <!-- Second row -->

  <g transform="translate(20,70)">

<g>

      <rect x="22.5" y="10" width="15px" height="15px"/>

    </g>

    <g transform="translate(50,0)">

      <rect x="29.7" y="10" width="15px" height="15px"/>

    </g>

    <g transform="translate(100,0)">

      <rect x="45" y="30"  width="15px" height="15px"/>

    </g>

  </g>

  <!-- Third row -->

  <g transform="translate(20,120)">

<g>

      <rect x="48" y="34" width="15px" height="15px"/>

    </g>

    <g transform="translate(50,0)">

      <rect x="60" y="50" width="15px" height="15px"/>

    </g>

    <g transform="translate(100,0)">

      <rect x="60" y="50" width="15px" height="15px"/>

    </g>

  </g>

</svg>