html - css3 动画工件

Question

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

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

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

可以在“webkit browsers Safari / Chrome”等中看到问题。

Answer 1

对于这个问题，你可以在你的 CSS 上写这个。

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

& 为 safari 定义这个：

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

在动画元素 CSS 中查看更多