CSS过渡权

Question

我为遇到的问题做了一个小代码笔：

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

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

Answer 1

我完全不知道为什么会这样，非常有趣的问题。它似乎是跳到屏幕上的位置，然后过渡到给定的值（因为你刚好在右侧，所以你错过了过渡阶段）。这可能是一个浏览器错误，因为没有结合right 和:target 呈现窗口外响应。如果您在此处没有获得更多帮助，我会将其报告给 Chrome

关于解决问题，我无法让它从右侧移动。但是，如果我将其更改为左侧like in this demo，则效果很好。也许这对您的目的来说是可以的。