Jump to content
Search Community

Mouse Hover Image Reveal + Background Color Change

mrntld test
Moderator Tag

Recommended Posts

Hi, guys! I'm relatively new to the GSAP world and this is my first post over here.

 

I'm trying to make something that I feel it's super simple, it would be an effect similar to https://www.marvinschwaibold.com/projects/'s hover effect (image reveal, following the mouse position, background color change) + the transition to its internal page (I'm assuming it involves barba.js, right?)

 

Any tips will be much appreciated!

 

Link to comment
Share on other sites

Hi @mrntld

 

Welcome to the forum.

 

We have several threads about follow by mouse. Here's a good one.

 

The background color change should be fairly straightforward. If you're just getting started with GSAP, this is the pace to begin.

 

I'm not sure if they're using barba.js, but that's probably a good guess. Our very own @Ihatetomatoes has a bunch of videos on that topic.

If you have any GSAP specific questions as you work on your project, we're happy to help. A demo will give you the best chance at a detailed answer. More info about that.

 

Happy tweening and welcome aboard.

:)

 

  • Like 4
Link to comment
Share on other sites

 

Hey @mrntld - welcome to the forums.

 

There's an article on codrops that explains how to achieve a pretty similar hover-effect to that one on the page you linked to - using GSAP - and it's actually even inspired by that page you linked to.

 

This is the demo of that article:

 

https://tympanus.net/Tutorials/RapidImageHoverMenu/

 

Hope this helps.

 

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