Jump to content
Search Community

How can I get this effect ?

tenemus test
Moderator Tag

Go to solution Solved by Rodrigo,

Recommended Posts

Hi there,
I am a newbie web-developer student. Recently I have started exploring the powers of GSAP !!
I would really appreciate if somebody could let me know how I can make this as a Mouse Hover effect?

I have searched literally everywhere, but didn't get what I was looking for. 
Thanks in advance!!

Effect.gif

Link to comment
Share on other sites

  • Solution

Hi @tenemus and welcome to the GreenSock forums!

 

Honestly I've never seen that effect before, it looks kind of a lava lamp or something, so i can't give you any advice on how you can achieve that.

 

@chrisgannon made a couple of real nice examples that you can check:

See the Pen QjKXXe by chrisgannon (@chrisgannon) on CodePen

See the Pen MwMpBQ by chrisgannon (@chrisgannon) on CodePen

 

Also you might want to check this video tutorial:

https://tympanus.net/codrops/2022/09/26/how-to-recreate-stripes-lava-lamp-gradient-with-three-js/

 

Hopefully this is enough to get you started.

Happy Tweening!

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.
×
×
  • Create New...