Jump to content
Search Community

Animating background-clip to content-box

Aereli test
Moderator Tag

Recommended Posts

Hello Gsappers,
How could I transition the mask to be smoother from  text, to content-box. 

It is also not transitioning back to original form.

I’m not sure if this is the best method in doing this so I am open to other ways. 
This code was transferred from a React.js project onto the codepen link provided.  

See the Pen mdPJZxy by Aereli (@Aereli) on CodePen

Link to comment
Share on other sites

Hey Aereli and welcome to the GreenSock forums.

 

background-clip keywords are not animatable, so there's nothing you can do to help with that transition specifically. 

 

How are you imagining it to work? There are a lot of ways this sort of transition could be done. Probably most common would be zooming in until a single character's clip covers the whole screen (so that the whole video is visible at that point).

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