Jump to content
Search Community

relative Z translation in CSS

DougS test
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

Theres some very smart people on here, maybe you could help. Is there a use in GSAP for getting around a familiar issues, using %, vw/min/max as Z translation values? I get that the translation is interpreted as a factor of the element 2d dimensions so Z is zero and therefore trivial in use here. And I get you can do chained transforms with rotations, but I've found this doesn't play nicely in animation, some of the vectors and rotations in the chain get executed instantaneously at the end or the beginning of a CSS transform. 

Link to comment
Share on other sites

Hi, yeah sorry it wasn't that clear, I'll post something soon to illustrate. Essentially though, I've noticed GSAP seems to fix a lot of CSS 3D glitches and peculiarities, so I was wondering if transforms on DOM elements can be done using a Z translation as a percentage, not possible in straight declaration it turns out because the aforementioned stuff. Hoping this was one of the annoying things GSAP fixes. Thanks for getting back

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