CSS过渡权利

Question

我对我遇到的问题做了一点代码：

http://codepen.io/sloveland/pen/dytDG

当菜单进入时，转换不是动画，而是执行某种FOUC问题。奇怪的部分是我将默认位置更改为右：100％;动画有效，但显然是从屏幕的错误一侧。

Answer 1

我不确定为什么会发生这种情况，非常有趣的问题。它似乎跳到屏幕上的位置，然后转换到给定的值（因为你只是在右侧，你错过了过渡阶段）。这可能是一个浏览器错误，因为与right和:target结合使用时，窗口响应无法呈现。如果您没有获得更多帮助，我会向Chrome报告

关于修复问题，我无法让它从右侧移动。但是，如果我将其更改为左侧like in this demo，它的效果非常好。也许这对你的目的是好的。