Materia optativa

Recomendaciones de curso:

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

scale3d() La función define la escalado 3D del elemento.

scale3d() La función define los valores de escalado del elemento en los ejes x, y y z. transform usado en la propiedad.

Ejemplo

Ejemplo 1

Uso scale3d() Escalado de varios elementos <div>:

#myDiv1 {
  transform: scale3d(0.8, 0.8, 0.8);
}
#myDiv2 {
  transform: scale3d(-0.5, -0.5, -0.5);
}
#myDiv3 {
  transform: scale3d(1.1, 1.2, 1);
}

Prueba por ti mismo

Ejemplo 2

Uso scale3d() Escalado de imagen:

#img1 {
  transform: scale3d(0.8, 0.8, 0.8);
}
#img2 {
  transform: scale3d(-0.5, -0.5, -0.5);
}
#img3 {
  transform: scale3d(1.1, 1.1, 1);
}

Prueba por ti mismo

Sintaxis CSS

scale3d(sx, sy, sz)

Detalles técnicos

Compatibilidad del navegador

Las cifras en la tabla representan la versión del navegador que admite completamente la función por primera vez.

Páginas relacionadas

Tutorial:Transformaciones 3D de CSS

Referencia:Atributo transform de CSS

Referencia:Atributo CSS scale

Referencia:Función scale() de CSS

Referencia:Función scaleX() de CSS

Referencia:Función scaleY() de CSS