Jump to content
Search Community

Using GSAP distribute to project backward z transform

Asderex test
Moderator Tag

Recommended Posts

Hi,  I am trying to use the GSAP distrubute utility function to add negative z axis transforms to a bunch of elements (i.e. project away from the viewer).  I have used the following tween:

 

gsap.to(".staggerBackward", {
                z: gsap.utils.distribute({
                    base: 0.0,
                    amount: -500,
                    from: "end"
                })
            })

This results in GSAP applying positive z axis transforms to all .staggerBackward elements (i.e. toward the viewer).  I tried changing the amount to a positive but this results in more positive transforms but this time in the opposite direction.  Any ideas what I'm getting wrong / not understanding about this one? Thanks in advance

See the Pen jOWNKaN by Asderex (@Asderex) on CodePen

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