blend-layer-mask.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" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400" >

<defs>

  <mask id="msk">

    <rect x="10" y="10" width="20" height="20" />

  </mask>

</defs>

<rect x="0" y="0" width="160" height="160" fill="rgb(0,255,0)"/>

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

  <rect x="40" y="40" width="80" height="80" fill="rgb(0,255,0)" style="mix-blend-mode: difference"/>

</g>

</svg>