Recomendaciones de cursos:

Función scale() de CSS

Definición y uso de CSS escala() La función se utiliza para escalar elementos (ancho y altura).

escala() La función define los valores de escala en las direcciones x e y del elemento.

escala() La función en transform usado en propiedades.

Ejemplo

Ejemplo 1

Uso escala() Escala múltiple de elementos <div>:

#myDiv1 {
  transform: escala(0.7);
}
#myDiv2 {
  transform: escala(110%);
}
#myDiv3 {
  transform: escala(1.1, 0.5);
}

Prueba por ti mismo

Ejemplo 2

Uso escala() Escala de imagen:

#img1 {
  transform: escala(0.7);
}
#img2 {
  transform: escala(110%);
}
#img3 {
  transform: escala(1.1, 0.5);
}

Prueba por ti mismo

Sintaxis CSS

escala(sx, sy)
Valor Descripción
sx Obligatorio. Número o porcentaje. Especifica la vectorización de escala de la anchura.
sy

Opcional. Número o porcentaje. Especifica la vectorización de escala de la altura.

Si se omite, el valor se establece igual que sx.

Detalles técnicos

Versión: Módulo de Transformaciones CSS Nivel 1

Compatibilidad del navegador

Los números en la tabla representan la versión del navegador que admite completamente la función por primera vez.

Chrome Edge Firefox Safari Opera
1 12 3.5 3.1 10.5

Páginas relacionadas

Tutoriales:Transformaciones CSS 2D

Referencia:CSS propiedad transform

Referencia:Atributo CSS scale

Referencia:Función CSS scale3d()

Referencia:Función CSS scaleX()

Referencia:Función CSS scaleY()