feGaussianBlur-1.svg

Enable keyboard shortcuts

Checkerboard

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

<filter id="f1" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox"

         x="0" y="0" width="1" height="1">

  <feGaussianBlur x="10%" y="10%" width="80%" height="80%" in="SourceGraphic" stdDeviation="0.04"/>

</filter>

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

  <rect x="0" y="0" width="100" height="100" fill="#00ff00"/>

</g>

<filter id="f2" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox"

         x="0" y="0" width="1" height="1">

  <feGaussianBlur x="10%" y="10%" width="80%" height="80%" in="SourceAlpha" stdDeviation="0.04"

   result="blur" style="color-interpolation-filters:sRGB"/>

  <feFlood flood-color="#00ff00" result="flood"/>

  <feComposite in="flood" operator="in" in2="blur"/>

</filter>

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

  <rect x="100" y="0" width="100" height="100" fill="#00ff00" fill-opacity="0.5"/>

</g>

</svg>