Search code examples
csstranslate3d

Can't make translate3d Z property to work

I am traying to use:

 -webkit-transform: translate3d(0,500px,300px);

X and Y properties working just fine, but Z (300px),just won't work. Here is the jfiddle. What am I doing wrong? I tried both Chrome 24 and Canary 25 Thanks for your support...

Solution

  • I was missing -webkit-perspective parameter on the parent element. When I added this it started working just like it should.