html5 – css3动画工件

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

我有块元素应用css3转换.
当使用-webkit-transform矩阵应用转换时 – 元素看起来非常平滑.
但是当我尝试使用-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);

在动画元素CSS中检查以获取更多信息

原文地址：https://www.jb51.cc/html5/168477.html