Firefox CSS转换，通过负的上/左绝对位置

我想将鼠标悬停在

上，图像从屏幕顶部转出，然后从屏幕左侧重新显示到原始位置

上述提琴的问题在于，如果鼠标退出

，转换将停止，图像将从屏幕顶部返回

---

此外，过渡将图像首先移动到x:300，y:400，这样它就不可见了，然后它将图像移动到x:700，y:1700，这是一个完整的hack，这样它就好像是从左下角进入的。。使用CSS有更好的方法吗？

不确定这是否有帮助：添加溢出隐藏并使用左/顶坐标播放。

谢谢，最后我意识到我不能只使用CSS，所以我做了以下几点（仅限webkit）：