Why on Safari the transform translate doesn't work correctly?

Question

I often use this code to center a div in view:

.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transfo         


        

Answer 1

In some cases you'll have to use:

-webkit-transform: translate3d(-50%,-50%,0);

Sometimes works better with mobile browser.