anim-css-fill-1-ref.svg

Enable keyboard shortcuts

Checkerboard

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

  <style>

    rect { stroke: black; }

  </style>

  <rect x="20px" y="20px" width="15px" height="15px"

        style="fill: #4B0082">

  </rect>

  <rect x="70px" y="20px" width="15px" height="15px"

        style="fill: #4B0082">

  </rect>

  <rect x="120px" y="20px" width="15px" height="15px"

        style="fill: #652593">

  </rect>

  <rect x="20px" y="70px" width="15px" height="15px"

        style="fill: #8B5CAD">

  </rect>

  <rect x="70px" y="70px" width="15px" height="15px"

        style="fill: #9F79BB">

  </rect>

  <rect x="120px" y="70px" width="15px" height="15px"

        style="fill: #CBB8D8">

  </rect>

  <rect x="20px" y="120px" width="15px" height="15px"

        style="fill: #D3C4DE">

  </rect>

  <rect x="70px" y="120px" width="15px" height="15px"

        style="fill: #F5F5F5">

  </rect>

  <rect x="120px" y="120px" width="15px" height="15px"

        style="fill: #F5F5F5">

  </rect>

</svg>