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中检查以获取更多信息

相关文章

HTML5和CSS3实现3D展示商品信息的代码
利用HTML5中的Canvas绘制笑脸的代码
Html5剪切板功能的实现
如何通过HTML5触摸事件实现移动端简易进度条
Html5移动端获奖无缝滚动动画实现
关于HTML5和CSS3实现机器猫的代码