ホバー時のアニメーション

ホバーしたら画像が少し拡大するようなアニメーション

p a{ overflow:hidden; }
p a img:hover{
	transform:scale(1.3);
	transition:0.5s linear;
}

まず、overflow:hidden;で拡大したときにはみ出た画像を表示させないようにする。
あとはtransform:scale(1.3);でホバーした時にどれくらい拡大するのか指定。
scale(1)は1倍なのでそのままのサイズ、scale(2)は2倍のサイズになる。
今回はscale(1.3)なので1.3倍の大きさに拡大される。
transitionで変化する時間を指定。0.5s linear だとゆっくりじわっと変わる。

【CSS】画像をホバーした時のパターン集(9種類) | 電脳情報局