Jump to content


How to make frames to change/swipe diagonally

Go to solution Solved by dev-kp,

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Can you give me guides on how to make frames to chance diagonally. It's about a banner animation, and I need the frame to angle swipe (with 1px line) from top left to bottom right, clearing copy from previous frame. The next frame should appear under!

Thanks in advance!

Link to comment
Share on other sites

Hi dia, welcome to the forums!


I am not sure I understand what you are asking. Do you need help setting this up? Do you want to know how to animate something diagonally? Is it masking? I am afraid I do not know what you mean by "I need the frame to angle swipe...".

  • Like 1
Link to comment
Share on other sites

  • Solution

Hi dia, and welcome to the forums.


A bit unclear about what you are after; if you clarify a bit better that would help.


Is it something like this that you are looking for: 

See the Pen RrZVeb by Dev-KP (@Dev-KP) on CodePen

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