filter-in-mask-01.svg

Enable keyboard shortcuts

Checkerboard

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

  <defs>

    <filter x="0" y="0" width="1" height="1" id="filter">

      <feOffset/>

    </filter>

    <mask id="mask" x="0" y="0" width="1" height="1">

      <g filter="url(#filter)">

         <rect width="100%" height="100%" fill="white"/>

       </g>

    </mask>

  </defs>

  <rect width="100%" height="100%" fill="red"/>

  <g mask="url(#mask)">

    <rect width="100%" height="100%" fill="lime"/>

  </g>

</svg>