Scale3d problem

[transformer]

Hi,
Does anyone know why the z-value in scale3d dosen´t seem to work?
Is it because the x and y coordinates produces the same effect as a scaleZ or…?

[Paulie_D]

We’d need more information as to what it is you are trying to do…preferably with some code (in Codepen) to examine.

Frankly, it sounds that though you haven’t grasped 3d transforms completely and have missed an important step…but without more information it’s hard to help.

[transformer]

Here´s is a demo of 3 different states.
http://www.mainland.se/scale3d.html

When it comes to Z-scaling the effect don´t act like the other
transform3d states, like translate and rotate.
Did I miss anything?

[Paulie_D]

Translate and rotate work on movement …scaling works on size.

How are you expecting the scaled z-axis to look?

As far as I am aware, you need a perspective value to see 3d properly …I confess I’m not fully up on this but I’m wondering what it is you are expecting to happen.

[Paulie_D]

Translate and rotate work on movement …scaling works on size.

How are you expecting the scaled z-axis to look?

As far as I am aware, you need a perspective value to see 3d properly …I confess I’m not fully up on this but I’m wondering what it is you are expecting to happen.

[transformer]

I expect it to grow or shrink like in translateZ.
But mabye scale dosen´t work like that?
I´ve added the perspective in the parent element ande transform-style:preserve-3d in the element that will have the effect. I read this article about scale3d but I didn´t get it.
http://tiffanybbrown.com/2013/02/24/why-doesnt-my-scale3d-scalez-transform-work/

[Paulie_D]

I expect it to grow or shrink like in translateZ.

Perhaps this might help: http://css3.bradshawenterprises.com/transforms/

If you head to the bottom you can see what I think is Z scaling but a perspective value has been applied which makes it work.

[transformer]

Thanks Paulie, I´ll check it out.

[Author]

Posts