Jump to content

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

relative Z translation in CSS

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 post
Share on other sites

Howdy, @DougS. Welcome to the forums! 


I didn't quite understand your question. Can you give it some context? Got a reduced test case that demonstrates what you're after or where things are breaking? 

  • Like 2
Link to post
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 post
Share on other sites

No, but there's a couple examples of how you could do that in this thread.



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