http://jsfiddle.net/KgcM9/1/
我想将鼠标悬停在<header>上，图像通过屏幕顶部过渡出来，然后从屏幕左侧重新出现到原始位置。
上述小提琴的问题是，如果鼠标退出<header>，过渡停止，图像从屏幕顶部返回。
此外，过渡首先将图像移动到x：-300，y：400，这样它就不可见，然后移动它x：700，y：-1700，这是一个完整的黑客，所以它似乎是从左下角进入的。 有什么更好的方法可以用CSS做到这一点吗？
不确定这是否有帮助： http://jsfiddle.net/JyPXR/2/添加隐藏的溢出并使用左/上坐标。