画像の上にカーソルを乗せた時、画像が大きくなるような動きをCSSアニメーションで実装することができます。
具体的にはtransformプロパティを使います。scale()は値です。
(例)transform: scale(1.6, 1.6) ・・・ 要素をx軸方向、y軸方向に1.6倍拡大する
【CSS】hover(マウスオーバー)で画像を拡大ズームする方法
参考URL:2024.10.4 じゅんぺいブログ
<<<<< その他 transformプロパティで指定できる関数 >>>>>
■rotate() 要素を回転させることができる関数
【transform:rotate()】要素を回転させることができる
■translate() 要素を移動させることができる関数
【transform:translate()】xy軸上の移動することができる
■scale() 要素を伸縮させることができる関数
【transform: scale(1.6, 1.6) 】要素をx軸方向、y軸方向に1.6倍拡大できる
■skew() 要素を歪ませることができる関数
【transform:skew()】要素に傾斜をつけることができる