css3动画制品

Question

我对css3动画有一些奇怪的问题。

我有应用css3 transformation的块元素。当转换应用于-webkit-转换矩阵时，-元素看起来非常平滑。但是当我尝试用-webkit-keyframes应用动画时，字体和其他div在动画过程中看起来很糟糕。

在这里可以找到示例：http://shuma.ru/animation.html

问题可以在'webkit浏览器，Safari / Chrome‘等。

Answer 1

对于这个问题，您可以在css上写这个。

body{
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
} 

&对于safari，定义如下：

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

在动画元素CSS中，请检查此内容以获得更多信息。