运行 14.0.835.202 米(Windows)
使用 -webkit-transform 的动画在 Chrome 中不再适用(对我而言)。
今年早些时候我做了一些 HTML5 元素,总是在 Chrome 和 Safari 中进行测试。当我现在检查它们时,很多动画在 Chrome 中不起作用(此后已更新多次)。内容在动画时消失,很多动画根本不起作用。
我试过只做一个简单的比例,但即使这样也行不通......
http://nordjyske.it/chrome-bug/
(在我的浏览器上,div 消失,并在动画中途重新出现。根据页面上的其他内容,它有时会在整个动画持续期间完全消失...)
使用-webkit-transform-style: preserve-3d;在元素或 parent 身上似乎让事情变得更糟:(
更新:我使用最新的 Chrome Canary 版本进行了测试,这里的动画效果很好。请看下面的视频:
最佳答案
很难说这是什么问题,但听起来与 GPU 相关(例如 -webkit-transform-style: preserve-3d;
让事情变得更糟)。您应该在最新版本中测试您的页面
Chrome(开发 channel 或最好是 Chrome Canary)。如果它们是可重现的,那么它很可能是一个错误。请在 crbug.com/new 提交一份
关于html - chrome 14 中的 webkit-transform 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7741200/