Safari translate (%,%) aliased

Question

Я бы хотел перевести div -50% по горизонтали и -50% по вертикали. Мой CSS выглядит

-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%) 
-o-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%); 
transform: translate(-50%, -50%); 

Он работает в Firefox 36, Chrome и Opera - переводит его и шрифт с изображения сглаживаются. Однако, когда я просматриваю его в Safari 8, шрифт и изображения сглажены. я испытал некоторые обходные пути, как:

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

или

-webkit-font-smoothing: subpixel-antialiased; 

или

-webkit-font-smoothing: antialiased; 

Но ни один из них не работал в Safari 8 при использовании %. При использовании px вместо % он хорошо работает и в Safari.

Answer 1

вы можете использовать -webkit-animation-delay или добавить класс CSS в HTML, когда окно