anim-css-fillopacity-3-ref.svg

Enable keyboard shortcuts

Checkerboard

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

  <style>

    rect { fill: blue; stroke: black; }

  </style>

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

        style="fill-opacity: 1">

  </rect>

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

        style="fill-opacity: 0">

  </rect>

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

        style="fill-opacity: 0">

  </rect>

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

        style="fill-opacity: 0">

  </rect>

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

        style="fill-opacity: 0.095">

  </rect>

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

        style="fill-opacity: 0.35">

  </rect>

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

        style="fill-opacity: 0.4">

  </rect>

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

        style="fill-opacity: 0.6">

  </rect>

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

        style="fill-opacity: 0.6">

  </rect>

</svg>