Jump to content
Search Community

Gsap Image Reveal Animation Horizontally

Sıradışı Digital test
Moderator Tag

Go to solution Solved by Cassie,

Recommended Posts


The effect works on all areas simultaneously. I need to get this to work only on the visible part. Also the animation goes up and down and then the picture appears. I have to do this so that it only comes up and the image is visible. Would you help me with this topic?

See the Pen ZERqWVo by mrtsiradisi (@mrtsiradisi) on CodePen

Link to comment
Share on other sites

There isn't really a way to target a specific :after it seems with the CSSrulePlugin. I would advise to just make an extra div and animate that.


Here is your pen with some tweaks and my attempts at scoping the :after element, but with no luck. I did how ever update your GSAP tools to their latest version. 


See the Pen eYKPdov?editors=0011 by mvaneijgen (@mvaneijgen) on CodePen

  • Like 2
Link to comment
Share on other sites

  • 9 months later...

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