Jump to content
Search Community

How can I achieve this effect?

saad_shah test
Moderator Tag

Recommended Posts

I have attached the preview. I want to have an animated morph guided by the mouse with text inside masked to a series of images in the background. On mouse move, I'll show/hide images(frames) in the background to give the effect of a video playing in the background.  
Is this even possible with GSAP?





Link to comment
Share on other sites

If you only need the mask to drag then it is fairly simple. I recommend using the GSAP draggable plugin if you can. A custom drag implementation shouldn't be too problematic, but it's more legwork.

If you do want morphing, Rodrigo posted some good resources on how to achieve that effect as well using MorphSVG. As long as I'm understanding the desired effect, it should all be possible with GSAP.

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