¿Cómo crear: escala al pasar el ratón?

Aprenda a usar CSS para escalar elementos al pasar el ratón.

Escala al pasar el ratón

Coloque el ratón sobre el cuadro verde:

¿Cómo escalar al pasar el ratón?

<style>
.zoom {
  relleno: 50px;
  color_fondo: verde;
  transición: transformación .2s; /* Animación */
  ancho: 200px;
  altura: 200px;
  margen: 0 auto;
}
.zoom:hover {
  transform: escala(1.5); /* (150% escala - Advertencia: si la escala es demasiado grande, se saldrá del rango de la ventana de visualización) */
}
</style>
<div class="zoom"></div>

Prueba personalmente

Páginas relacionadas

Tutoriales:Transformación CSS