Text Reveal Animation

[thinkbridget 0 Likes (Newbie)]

Hi, I'm trying to figure out how to achieve the text reveal animations this site uses. I feel like it should be fairly easy to do, but I haven't found any helpful tutorials to start from. 

 

 

[PointC 14,185 Likes (Superhero)]

Hi @thinkbridget 

 

Welcome to the forum.

 

There would be a variety of ways to do that. A really simple way would be to use divs and set the overflow to hidden. Maybe something like this:

 

 

See the Pen EMOwaO by PointC (@PointC) on CodePen

 

Depending on what you're doing, masks or clip paths would also be an option. Hopefully that helps. Happy tweening.

 

[thinkbridget 0 Likes (Newbie)]

This is very helpful, thank you!!