filter-use-element-01.svg

Enable keyboard shortcuts

Checkerboard

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

     xmlns:xlink="http://www.w3.org/1999/xlink">

  <defs>

    <filter id="myFilter" filterUnits="userSpaceOnUse" x="100" y="100" width="100" height="100">

      <feGaussianBlur stdDeviation="20 10"/>

    </filter>

    <rect x="0" y="0" width="100" height="100" fill="red" id="abc"/>

  </defs>

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

  <use  xlink:href="#abc" x="100" y="100" filter="url(#myFilter)"/>

</svg>