blur.svg - mozsearch

Enable keyboard shortcuts

<svg

  width="230"

  height="350"

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

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

  <filter id="blurMe5">

    <feGaussianBlur in="SourceGraphic" stdDeviation="5" />

  </filter>

  <filter id="blurMe1">

    <feGaussianBlur in="SourceGraphic" stdDeviation="1" />

  </filter>

  <filter id="blurMe05">

    <feGaussianBlur in="SourceGraphic" stdDeviation="0.5" />

  </filter>

  <filter id="blurMe5-2">

    <feGaussianBlur in="SourceGraphic" stdDeviation="5 2" />

  </filter>

  <filter id="blurMe5-0">

    <feGaussianBlur in="SourceGraphic" stdDeviation="5 0" />

  </filter>

  <circle cx="60" cy="60" r="50" fill="green" />

  <circle cx="170" cy="60" r="50" fill="green" filter="url(#blurMe5)" />

  <circle cx="60" cy="170" r="50" fill="green" filter="url(#blurMe1)" />

  <circle cx="170" cy="170" r="50" fill="green" filter="url(#blurMe05)" />

  <rect x="10" y="230" width="100" height="100" fill="green" filter="url(#blurMe5-2)" />

  <rect x="120" y="230" width="100" height="100" fill="green" filter="url(#blurMe5-0)" />

</svg>