CSS 过渡权

Question

我针对我遇到的问题编写了一个小代码笔:

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

当菜单出现时，过渡不是动画，而是执行某种 FOUC 问题。奇怪的是当我将默认位置更改为 right: 100%;动画有效，但显然来自屏幕的错误一侧。

Answer 1

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

关于解决问题，我无法从右侧移动它。但是，如果我将其更改为左侧，like in this demo ，它工作得很好。也许这适合您的目的。