Use .set and keep existing css?

[mouret]

If i have set transform either with css og TweenMax.set - e.g. transform: translateZ(100px); can I add other transform translates/rotations/etc. and keeping the translateZ?

[OSUblake]

You can do independent transforms with GSAP, but not by setting the transform property directly. Use x, y, z, scale, rotation, ect. Look at the CSSPlugin docs for more info about transforms.

https://greensock.com/docs/#/HTML5/GSAP/Plugins/CSSPlugin/

 

Also note that for certain 3D rotations, you may need to nest your element inside another element that is rotated in the opposite direction to remove the effect from a transform.

See the Pen woXQNz by osublake (@osublake) on CodePen.

 

.

[knalle]

Thank you OSUblake, I resolved to individual x,y,z properties in stead of a combined transform.