CSS转换，通过负顶部/左侧绝对位置

Question

http://jsfiddle.net/KgcM9/1/

我想将鼠标悬停在<header>上，图像从屏幕顶部向外翻转，然后从屏幕左侧重新显示回原始位置。

上述小提琴的问题是，如果鼠标退出<header>，则转换停止，图像从屏幕顶部返回。

此外，过渡将图像首先移动到x：-300，y：400，这样它就不可见了，然后它将它移动x：700，y：-1700这是一个完整的黑客，所以它看起来像从左下角进入..用CSS做任何更好的方法吗？

Answer 1

不确定这是否有帮助：http://jsfiddle.net/JyPXR/2/添加隐藏溢出并使用左/顶坐标进行播放。