Jump to content
Search Community

Hover image reveal for custom cursor

Dernke test
Moderator Tag

Recommended Posts

Hello guys, I've recently started learning GSAP and I'm really glad that there is such nice community here!

So I've been trying to replicate this effect as seen here: https://www.castoretpollux.com/agence. Specifically the effect of hovering the text with image reveal. I need pretty much the same effect, but I wasn't able to recreate it. Any help and suggestions are welcome! Thanks in advance!

Screenshot 2020-07-16 at 21.11.51.png

Link to comment
Share on other sites

Hey Dernke and welcome to the GreenSock forums. 

 

For the mouse follow effect, I recommend using GSAP's quickSetter method. There is a handy demo of it in the quickSetter docs.

 

Using that approach, you just need to move around a mask (and optionally animate its size on enter and leave).

This post has a similar effect but uses an old version of GSAP:

 

Let us know if you have any specific questions getting it implemented :) 

  • Like 2
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...