Jump to content


Global force3D setting?

Moderator Tag

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

Hey guys,


I see as of 1.15 force3D is set to "auto". Is there a way to override that setting on a global scale to test out true/false?



Link to comment
Share on other sites



CSSPLUGIN.defaultForce3D = true;

  • Like 3
Link to comment
Share on other sites

  • 10 months later...

Not seeing this in version 1.18.2 - is it still possible to set the force3D globally to true?



Link to comment
Share on other sites

Hi Vanillabass,


not sure what you mean by "not seeing this".

I just did a very basic test


CSSPlugin.defaultForce3D = true;

TweenMax.to(".green, .orange", 5, {y:200});
TweenMax.to(".grey", 5, {y:200, force3D:"auto"});



By setting defaultForce3D to true it means .green and .orange will be tweened using matrix3d properties and remain that way after the tween is finished.

Since .grey uses force3D:"auto" it overrides the default and the matrix3d gets removed after the tween.


This is the expected behavior.

Can you please provide a demo that shows a defaultForce3D setting not applying to all tweens? 

I'm sure we can figure it out if there is a problem.



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.