← Все примеры

Увеличение картинок при наведении (CSS)

Плавно увеличивает любое изображение при наведении и поднимает его над остальным контентом.

Код для копирования

/* Smoothly scale up any image when the pointer hovers over it. */
img {
  transition: transform 0.2s ease;
}
img:hover {
  transform: scale(1.6);
  position: relative;
  z-index: 9999;
}

Как использовать этот пример

1. Скопируй код кнопкой выше.
2. Установи JustZix (2 минуты) и открой расширение на нужной странице.
3. Добавь новое правило, совпадающее с этой страницей.
4. Вставь код в панель CSS правила и сохрани — эффект появится сразу.