CSS 动画比例适用于 Firefox，不适用于 Chrome
已解决： Chrome/Webkit 中的 CSS 动画/缩放问题
我问了这个之前问过，但不确定是否清楚。从那时起我已经进行了大量的故障排除，但无济于事。所以我回来了，希望能得到一些帮助。
使用 JS，在文档准备好时，我删除隐藏图像的类并添加用于设置运动对象的 logoAnim。
使用该对象应同时带有scaleY(2) 效果- 渗漏/滴落效果。
您可以通过 Firefox/Moz 在 JSFiddle 链接中看到正确的效果，但它在 Chrome/Webkit 中不起作用。查看 FF 中的 Firebug 代码，“-moz-animation:2s escape 2s normal none 1 ooze”出现在“.logoAnim”的 CSS 中 - 它没有出现在 Chrome 的 webkit 版本中。
我错过了什么吗？ css 的结构/顺序在 webkit 中重要吗？
RESOLVED: CSS Animation/Scale issue in Chrome/Webkit
I asked this question previously, but I'm not sure if it was clear. I've done a ton of troubleshooting since to no avail. So I'm back w/ a play-by-play hoping for some help.
Using JS, on doc ready, I remove the class that hides the image and add logoAnim which sets the object in motion.
The object should drop in with a simultaneous scaleY(2) effect- an oozing/drip effect.
You can see the correct effect in the JSFiddle link via Firefox/Moz, however it doesn't work in Chrome/Webkit. Looking at the Firebug code in FF, the '-moz-animation:2s ease 2s normal none 1 ooze' appears in the CSS of the '.logoAnim'- it doesn't appear in the webkit version in Chrome.
Am I missing something? Is structure/order of the css important in webkit?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
DuoPixel 已解决此问题： Chrome/Webkit 中的 CSS 动画/缩放问题< /a>
您没有指定
-webkit-animation的属性，仅指定名称。替换：
-webkit-animation-name: ooze为：
-webkit-animation: ooze 2s 2s escape-in-out;它将起作用。
This problem has been resolved by DuoPixel: CSS Animation/Scale issue in Chrome/Webkit
You are not specifying the properties of the
-webkit-animation, only the name.Replace:
-webkit-animation-name: oozeWith:
-webkit-animation: ooze 2s 2s ease-in-out;And it will work.