css perspective difference in chrome/safari

开发者_如何学Go

I've experience a weird bug between Chrome and Safari using css -webkit-perspective. Using same perspective, the whole 3D scene seems zoomed in Safari.

Take a look by yourself:

http://clients.dominic-mercier.com/experiments/css-perspective-bug.html

Anyone know on to fix it?

---

I've found the solution. The problem seem to be related to -webkit-transform-origin which seem buggy in Chrome. I've solve my problem by using -webkit-transform: translateZ instead of -webkit-transform-origin.

Hope it will help someone one day. Thanks

---

Looks good to me - older versions of Chrome didn't support -webkit-perspective, so check that you're on the most recent version.