Water Ripple Effect

Design help General
1

Hi!

I need to make a hero section with a logo in the center of it with a water ripple animation when hovering over it.

I already created an animation in After Effects and have no clue on how to use it in webflow… Any resources i could check out on this topic or maybe there is a different way of doing this?

With Respect,
Sam.

2

Hi sam_sa,

I’m not 100% sure how to integrate it but you may want to look at the AE plugin named bodymovin depending on the complexity of the animation, some AE properties are restricted.
Otherwise there may be some javascript libraries for this particular effect.

1 Like