css3动画文物

Question

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

我有块元素与css3 transformation应用.当使用-webkit-transform矩阵应用转换时 - 元素看起来非常平滑.但是当我尝试使用-webkit-keyframes应用动画时,字体和其他一些div在动画期间看起来很糟糕.

样本可以在这里找到:http://shuma.ru/animation.html

问题可以在'webkit浏览器Safari/Chrome'等中看到.

Answer 1

对于这个问题,你可以在你的css上写这个.

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

&for safari定义了这个:

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

在动画元素CSS中检查以获取更多信息