Add custom code to a DIV

Design help Animations & Interactions
1

Hey !

I would like to apply this affect in one of my DIV in my website : https://0dg1p.csb.app/

This is all the code that i need for integrate this effect : Creating a Water-like Distortion Effect with Three.js | Codrops

It’s the first time I’m adding custom code, what’s the steps for integrate custom code to a DIV ?

Thanks so much for your help :slight_smile:

Here is my public share link: LINK
(how to access public share link)

2

Hello there,

Thanks for reaching out to the community forum!

There will need to be some modifications when it comes to the Webflow site and its elements as the example in the shared link is in an app setup environment.

All in all, it seems like a good start is to connect the threejs library (including one of these in your <script> tags) to your Webflow site and then copy and paste the related code into the custom code settings within the Webflow page.

For some more references, here are some good community posts of Webflowers adding similiar code to their projects:

Hopefully this helps a bit in the progress of implementing this, let us know if you have any further questions.