有问题的 CSS3 倾斜动画（仅限 Chrome）答案

【问题标题】：Glitchy CSS3 skew animation (Chrome only)有问题的 CSS3 倾斜动画（仅限 Chrome）
【发布时间】：2014-04-09 09:15:03
【问题描述】：

为什么在制作动画时会出现如此故障？我在 Chrome v.33 上。在 ~~Safari 和~~ Firefox 中工作得非常好（Safari 的故障方式与 Chrome [阅读下文] 相同，但不是宽度而是高度）。

edit：我可以尝试为那些没有看到它的人解释故障。它使所有属性的动画效果都还不错，但在动画的最后，3 个 div 的宽度会立即改变几个像素，这是非常非常不可取的。

对于那些使用 Chrome 并且没有看到故障的人，请评论您的 Chrome 版本。

【问题讨论】：

【解决方案1】：

我还不确定这是怎么回事，但是我在.logo > div 的转换上添加了延迟，问题已经解决，但我不知道你是否可以保留这个转换。试试看告诉我

-webkit-transition-delay: 1s;.

【讨论】：