Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
BradLeeCoop

Image Hover Deformation Effect

Recommended Posts

Hello, I was wondering if it's possible to achieve this effect with GSAP ?
(Homepage project hover image deformation)

I already check with curtainsJS,PaperJS and other libs but can't find this effect..

Link to comment
Share on other sites

  • BradLeeCoop changed the title to Image Hover Deformation Effect

Hello  @BradLeeCoop - welcome to the forums.

 

That probably is no out-of-the box effect that comes with any library, but something custom made with the help of WebGL - in this case I think they used pixiJS. There are some articles over on codrops explaining how to do similar effects with three.js - maybe these here can help you get started.

 

https://tympanus.net/codrops/2019/10/23/making-gooey-image-hover-effects-with-three-js/

https://tympanus.net/codrops/2020/04/14/interactive-webgl-hover-effects/

 

  • Like 6
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×