Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
jimmy-a

Scroll to reveal content addition

Recommended Posts

Hi there! I want to create an effect like this, which sources should I search for? I'd like to make the effect in both text and images.

 

Pr3QqO0.gif

 

l2CPFE0.gif

 

 

 

Link to post
Share on other sites

Hy @jimmy-a,

 

Search for mask or clip-path ...

  • Like 1
Link to post
Share on other sites
21 minutes ago, mikel said:

Hy @jimmy-a,

 

Search for mask or clip-path ...

 

Hi @mikel!

 

I know clip-path, how may I use it along GSAP?

Link to post
Share on other sites

Hey Jimmy. There are a lot of forum threads about using GSAP to animate clip paths that you can take a look at:

And more.

 

If you'd like our help creating a particular effect that's giving you trouble please make a minimal demo of the issue :) 

Happy tweening!

 

  • Thanks 1
Link to post
Share on other sites

Hi there! Sorry for my delayed response, just delivered some projects :) 

 

I replicated the HTML and CSS structure from the iPhone's website. With GSAP I used scrub and a simple from + scrollTrigger.

 

Here's an example in case this is eventually useful to someone.

 

See the Pen JjGLRoq by jimmyadaro (@jimmyadaro) on CodePen

  • Like 2
  • Thanks 1
Link to post
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.

×