Safari translate(%，%)别名

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中工作-翻译它，图像的字体是抗锯齿的。然而，当我在Safari8中查看它时，它的字体和图像有别名。我已经测试了一些变通方法，例如：

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

或

-webkit-font-smoothing: subpixel-antialiased;

或

-webkit-font-smoothing: antialiased;

但在使用%时，它们都不能在Safari8中工作。当使用px而不是%时，它在Safari中也工作得很好。

Answer 1

你可以使用-webkit-animation-delay或者在窗口中添加css类。