我对 css3 动画有一些奇怪的问题。
我有应用了 css3 转换
的 block 元素。
当使用 -webkit-transform matrix 应用转换时——元素看起来非常平滑。
但是当我尝试使用 -webkit-keyframes 应用动画时,字体和其他一些 div 在动画期间看起来很糟糕。
示例可在此处找到:http://shuma.ru/animation.html
问题可以在“webkit 浏览器 Safari/Chrome”等中看到。
最佳答案
对于这个问题,你可以在你的 css 上写这个。
body{
-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;
}
& 为 safari 定义这个:
-webkit-transform:translate3d(0,0,0);
在动画元素 CSS 中检查更多
关于html - css3 动画工件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11391848/