Glitchy CSS3歪斜动画（仅限Chrome）

Question

检查此codepen：http://codepen.io/anon/pen/KkgeL/。

在制作动画时怎么会出现这样的错误？我是Chrome v.33。在 Safari和 Firefox中完全正常工作（Safari的故障方式与Chrome相同[在下面阅读]，但不是宽度，而是高度）。

编辑：我可以尝试为那些看不到它的人解释这个故障。它可以动画所有属性，但是在动画的最后，3个div的宽度会立即改变一些像素，这是非常非常不受欢迎的。

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

Answer 1

我不确定这是什么意思，但我在.logo > div的转换上加了一个延迟，问题解决了，但我不知道你是否可以保留这种转变。 试一试，让我知道

-webkit-transition-delay: 1s;。