にマウスを合わせる<header>
と、画像が画面の上部に移行し、画面の左側から元の位置に再び表示されます。
上記のフィドルの問題は、マウスが を終了する<header>
と、トランジションが停止し、画像が画面の上部から戻ることです。
また、トランジションは最初に画像を x: -300, y: 400 に移動して見えないようにし、次に x: 700, y: -1700 に移動します。これは完全なハックであり、入っているように見えます左下隅から.. CSSでこれを行うより良い方法はありますか?