Chrome 14 中的 webkit 转换问题
使用 -webkit-transform运行 14.0.835.202 m (Windows)
动画在 Chrome 中不再起作用(对我来说)。
我今年早些时候做了一些 HTML5 项目,总是在 Chrome 和 Safari 中进行测试。当我现在检查它们时,很多动画在 Chrome 中不起作用(此后已更新多次)。制作动画时内容会消失,并且许多动画根本不起作用。
我尝试做一个简单的缩放,但即使这样也行不通...
http://nordjyske。 it/chrome-bug/
(在我的浏览器上,div 消失,并在动画中途重新出现。根据页面上的其他内容,它有时会在整个动画持续时间内完全消失......)
使用 - webkit 转换风格:保留-3d;在项目或父母上似乎让事情变得更糟:(
更新:我使用最新的 Chrome Canary 版本进行了测试,这里的动画有效。请观看下面的视频:
Running 14.0.835.202 m (Windows)
Animations using -webkit-transform doesn't work (for me) in Chrome anymore.
I did some HTML5 projects earlier this year, always testing in Chrome and Safari. When I check them now, a lot of animations does not work in Chrome (which has been updated several times since). Content disappears while animating and a lot of animations does not work at all.
I have tried to just do a simple scale, but even that doesn't work ...
http://nordjyske.it/chrome-bug/
(on my browser, the div disappears, and reappears halfway through the animation. Depending on other content on the page, it sometimes disappears completely throughout the duration of the animation...)
Using -webkit-transform-style: preserve-3d; on the item or parents seems to make things even worse :(
Updated: I tested using the latest Chrome Canary build and here the animation works. Look at the videos below:
Chrome 14: http://www.youtube.com/watch?v=RvhGcmAaLhU
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
很难说这个问题是什么,但听起来与 GPU 有关(例如
-webkit-transform-style:preserve-3d;
使事情变得更糟)。您应该在最新版本中测试您的页面Chrome 的(开发通道或最好是 Chrome Canary)。如果它们是可重现的,那么它可能是一个错误。请在 crbug.com/new 提交一份
It's hard to say what this issue, but it sounds GPU related (e.g.
-webkit-transform-style: preserve-3d;
makes things worse). You should test your pages out in the latest versionof Chrome (either dev channel or preferably Chrome Canary). If they're reproducible, than it's likely a bug. Please file one at crbug.com/new