mask-transformed-child-01.svg

Enable keyboard shortcuts

Checkerboard

<!--

     Any copyright is dedicated to the Public Domain.

     http://creativecommons.org/publicdomain/zero/1.0/

-->

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

  <mask id="mask" maskUnits="objectBoundingBox" maskContentUnits="objectBoundingBox">

    <rect x="0.25" y="0" width="0.5" height="1" fill="white" transform="rotate(90,0.5,0.5)"/>

  </mask>

  <rect x="50" y="50" width="100" height="100" fill="blue" mask="url(#mask)"/>

</svg>