css3动画文物

Question

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

我应用了css3 transformation的块元素。 当使用 -webkit-transform matrix 应用变换时 - 元素看起来非常平滑。 但是当我尝试使用 -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中的

检查这个以获取更多