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

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

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

可以在此处找到示例:http://shuma.ru/animation.html

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

【问题讨论】:

  • Firefox 也存在这个问题

标签: html css webkit


【解决方案1】:

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

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

& 为 safari 定义这个:

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

在动画元素 CSS 中查看更多

【讨论】:

猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-03-03
  • 2018-06-18
  • 2012-12-09
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多