| I'll bite: The problem with the implementation is plain to see: -webkit-transform: rotateY(45deg); That's a proprietary CSS declaration. It's exactly the same kind of "embrace and extend" kind of stuff that entrenched IE6 so long ago and severly splintered web development. Why, oh why, do I have to prefix -moz- or -webkit- onto CSS instructions in a "standards compliant" world? Web dev is getting badly fractured again. There was a point of stability about two years ago where all of the IE quirks were knowns and the rest of the browsers followed CSS2/HTML4 fairly consistently. There was a blissful period where you knew something might be borked in IE6, but could almost just assume things would render in most other browsers. Such a time has now ended. I find myself saying "but that should have worked?!?!" at about the same rate I did when IE6 was new 10 years ago. Sadly now I have to have $$ to spend on testing hardware rather than just firing up an old piece of software. TL;DR, 3D transform in webkit isn't true CSS3... it's a proprietary webkit feature. |