Applying an SVG filter


#1

Hello :slight_smile: I’m trying to add an svg filter to my Ionic app.

Here’s the code:

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <defs>
    <filter id="goo">
     <feGaussianBlur in="SourceGraphic" stdDeviation="10" result="blur" />
     <feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 19 -9" result="goo" />
     <feComposite in="SourceGraphic" in2="goo" operator="atop"/>
  </filter>
 </defs>
</svg>

Normally it’s used by adding CSS:

.my-element {
  filter: url("../menu.html#goo");
}

I can’t figure out how to point my Ionic App’s CSS so that it finds the filter. Please help :blush: