hoverで画像を拡大
sample_box{
width:300px; // サイズがサンプルなので適時変更してください。
margin:0 auto; //サンプルで中央に寄せたいので書かせていただいております。
overflow:hidden; //これを記述することではみ出た部分を非表示にします。
}
.sample_box img{
transition:1s all;
}
.sample_box img:hover{
transform:scale(1.2,1.2);
transition:1s all;
}
cssで画像をhoverした時にズームさせてみた | 株式会社ウィコネット