マウスオーバーした時に画像がふわっと大きくなる方法

19.04.05

マウスオーバーした時に画像がふわっと大きくなる方法。
HTML

<a href="#" id="test">
<img src="#.png">
</a>

</a>

CSS

#test:hover img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	transition-duration: 0.5s;
}

#test:hover img {

-webkit-transform: scale(1.2);

transform: scale(1.2);

transition-duration: 0.5s;

}

transform: scale(1.2)で１．２倍の大きさに。transition-duration: 0.5s;で0.5秒かけて変化する。

お役に立てましたらadsenseクリックお願いします！

いかがでしたでしょうか？もしお役に立てましたら、お賽銭のつもりでadsenseをポチっとクリックお願いします！↓上手くいきますようにお祈りしておきます！