Jump to content

Search In
  • More options...
Find results that contain...
Find results in...

Using GSAP distribute to project backward z transform

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

Facepalm :oops:........ The correct answer was to use {base: -500, amount: 500}.... of course I thought of this after posting the question.

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