Skip to main content

I have an example of what I’m talking about here:
https://imgur.com/a/OSSWAS5

Question:
How would you export these elements for frontend development. Is there any alternatives to SVG? I use this background blur technique in a lot of my work, and the dev team always has trouble exporting it and implementing it for irregular shapes.

What I tried:
I exported just the triangle element as an SVG that uses a background blur. Add it to my HTML it doesn’t actually blur the elements below, the background blur only happens within the SVG element.

Please let me know if I can answer any questions.

Thanks in advance for the help 😊

developer.mozilla.org