php 「变换：比例（）」で悬停した时に画像を拡大する

Posted 2021-05-05

.scale {
	width: 400px;
	height: 300px;
	overflow: hidden;
}
.scale img {
	transition: transform 0.5s linear;
}
.scale img:hover {
  transform: scale(1.2);
}
//※「transition: all 0.5s linear;」で指定してもOKです。
//allの場合は全てのプロパティに適用されます。

<div class="scale">
	<img src="./css_scale.jpg">
</div>