Увеличение изображения при наведении на картинку

https://webref.ru/recipe/2302

by akogch

HTML

<p>
  <img src="//webref.ru/example/image/meduza1.jpg" alt="" class="scale">
  <img src="//webref.ru/example/image/meduza2.jpg" alt="" class="scale">
  <img src="//webref.ru/example/image/meduza3.jpg" alt="" class="scale">
</p>

CSS

.scale {
  transition: .5s;
  /* Время эффекта */
}

.scale:hover {
  transform: scale(1.2);
  /* Увеличиваем масштаб */
}