Jak tworzyć: skalowanie przy najechaniu

Naucz się, jak używać CSS do skalowania elementów przy najechaniu.

Jak skalować przy najechaniu

<style>
.zoom {
  wypełnienie: 50px;
  kolor_tła: zielony;
  przejście: transformacja 0.2s; /* Animacja */
  szerokość: 200px;
  wysokość: 200px;
  margin: 0 auto;
}
.zoom:hover {
  transform: skalowanie(1.5); /* (150% skalowanie - uwaga: jeśli skalowanie będzie zbyt duże, wyjdzie poza obszar widoku) */
}
</style>
<div class="zoom"></div>

Spróbuj sam

Strony związane

Tutorial:CSS przekształcenia