Cursos optativos

Recomendaciones de cursos:

Función CSS scaleY() scaleY() Definición y uso de CSS

scaleY() La función se utiliza para escalar verticalmente los elementos.

scaleY() La función se utiliza para aumentar o disminuir la altura del elemento. transform usado en la propiedad.

Ejemplo

Ejemplo 1

Usar scaleY() Aumentar la altura de múltiples elementos <div>:

#myDiv1 {
  transform: scaleY(0.5);
}
#myDiv2 {
  transform: scaleY(70%);
}
#myDiv3 {
  transform: scaleY(1.1);
}

Prueba por ti mismo

Ejemplo 2

Usar scaleY() Aumentar la altura de la imagen:

#img1 {
  transform: scaleY(0.5);
}
#img2 {
  transform: scaleY(70%);
}
#img3 {
  transform: scaleY(-0.5);
}
#img4 {
  transform: scaleY(1.1);
}

Prueba por ti mismo

Sintaxis CSS

scaleY(s)

Detalles técnicos

Compatibilidad del navegador

Los números en la tabla representan la versión del navegador que primero admite esta función.

Páginas relacionadas

Tutoriales:Transformaciones 2D de CSS

Referencia:Atributo transform de CSS

Referencia:Atributo scale de CSS

Referencia:Función scale() de CSS

Referencia:Función scale3d() de CSS

Referencia:Función scaleX() de CSS