【CSS】画像にカーソル乗せた時、画像が拡大 transform:scale

画像の上にカーソルを乗せた時、画像が大きくなるような動きを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()】要素に傾斜をつけることができる