Увеличение картинки при наведении

Скопировано

<div>
	<figure>
		<img src='https://wp-mario.ru/wp-content/uploads/2023/03/kisa.jpg' alt='' />
	</figure>
	<p>текст под картинкой</p>
</div>

Показать код

Скопировано

figure {
	margin: 0;
	overflow: hidden;
}
img {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
img:hover {
	-webkit-transform: scale(1.25);
	-moz-transform: scale(1.25);
	-ms-transform: scale(1.25);
	-o-transform: scale(1.25);
	transform: scale(1.25);
}

Показать код