GSAP 3 and _gsTransform

[samus]

Hi,

 

I'm currently using GSAP 2, but I'm considering upgrading to GSAP 3.

 

My project has a complex bit of code where I need to animate, but I also may need to manually alter the CSS transform property. The only way I've found to accomplish this—without leaving the target element in a very broken looking state—is to delete the _gsTransform property before I manually set the CSS transform property.

 

The following statement in the Other things to keep in mind section of the GSAP 3 migration guide has me worried:

 

Quote

There is no more _gsTransform.

 

Is there a new way to immediately (i.e. not in the next tick) remove what GSAP remembers about the transformations it has made to an element in GSAP 3?

[Shrug ¯\_(ツ)_/¯]

Would this example help towards your requirements?

See the Pen wvBQyqw by GreenSock (@GreenSock) on CodePen

 

Also see the following.

- https://greensock.com/docs/v3/GSAP/gsap.getProperty()

- https://greensock.com/docs/v3/GSAP/gsap.set()

- https://greensock.com/docs/v3/GSAP/gsap.quickSetter()

- https://greensock.com/docs/v3/HelperFunctions#kill-child-tweens

- https://greensock.com/mistakes/#transforms

 

EDIT: Welcome to the GSAP forums @samus. Sorry I missed seeing that this was your first post. 😉

[Visual-Q]

Also see clear props in the css plugin docs:

 

https://greensock.com/docs/v3/GSAP/CorePlugins/CSSPlugin

[Shrug ¯\_(ツ)_/¯]

Good call @Visual-Q I had that link too (but removed it, that page needs links to sections). 😆