← Wszystkie przykłady

Powiększanie obrazów po najechaniu (CSS)

Płynnie powiększa dowolny obraz po najechaniu kursorem i wynosi go nad pozostałą treść.

Kod do skopiowania

/* 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;
}

Jak użyć tego przykładu

1. Skopiuj kod przyciskiem powyżej.
2. Zainstaluj JustZix (2 minuty) i otwórz wtyczkę na docelowej stronie.
3. Dodaj nową regułę dopasowaną do tej strony.
4. Wklej kod w panelu CSS reguły i zapisz — efekt pojawi się od razu.