How to create SVG distortion effect in Webflow

Does anyone know how to successfully recreate this in webflow???

You cannot recreate this in webflow. This is using svg properties and filters, webflow cannot work with those natively. But you can of course use the js libraries included in the source provided by the article, analyze the code and structure and create something similar.

As a matter of fact you may want to have a look at this award winning website by our webflow designer. It sports a similar effect.

1 Like

Thank you @dram! I’ll try analyzing the code and figuring out a way to make something similar to that.


Did you ever figure out a way of doing this?