css3 动画工件

【问题标题】：css3 animation artifactscss3 动画工件
【发布时间】：2012-07-08 15:53:53
【问题描述】：

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

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

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

【问题讨论】：

【解决方案1】：

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

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

& 为 safari 定义这个：

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

在动画元素 CSS 中查看更多

【讨论】：