ホバー（:hover）アニメーションについて

自分用まとめ

拡大

transform: scale( 倍率値 );
値 >1 は拡大
値 <1 は縮小

移動（XY軸）

transform: translate( 時間 );
時間の単位は s か ms

アニメーション時間の設定

これがあるとスムーズに動かせる

transition-duration: ;
アニメーション時間
時間の単位は s か ms

transition-delay: ;
アニメーション開始までの時間
時間の単位は s か ms

transition-property: ;　★
アニメーションさせるプロパティの指定
color all

transition-timing-function: ;　★
アニメーション速度の変化
ease 他

★の二つはduration, delayどちらかを指定したうえで使用

参考サイト

元サイト様に感謝。