transform では、マウスポインタがあたったときにアニメーション化されていましたが、 transition では、ページを更新したらすぐにアニメーションが始まっていました。
このちがいはどこで設定しているのでしょうか？