Atributo transformOrigin de Style

Definición y uso

transformOrigin Este atributo le permite cambiar la posición del elemento transformado.

Los elementos de conversión 2D pueden cambiar el eje x y y del elemento. Los elementos de conversión 3D también pueden cambiar el eje z del elemento.

Comentarios:Este atributo debe coincidir con Atributo transform Usar juntos.

Vea también:

Objeto Style de JavaScript:Atributo transform

Manual de referencia de CSS:Atributo transform-origin

Ejemplo

Configurar la posición básica del elemento de rotación:

document.getElementById("myDIV").style.transformOrigin = "0 0";

Pruebe usted mismo

Sintaxis

Devolver el atributo transform-origin:

object.style.transformOrigin

Configurar el atributo transform-origin:

object.style.transformOrigin = "eje x eje y eje z|initial|inherit"

Valor del atributo

Valor Descripción
eje x

Define la posición de visualización en el eje x. Valores posibles:

  • left
  • center
  • right
  • length
  • %
eje y

Define la posición de visualización en el eje y. Valores posibles:

  • top
  • center
  • bottom
  • length
  • %
eje z

Define la posición de visualización en el eje z. Valores posibles:

  • length
initial Establezca este atributo en su valor predeterminado. Consulte initial.
inherit Hereda este atributo de su elemento padre. Consulte inherit.

Detalles técnicos

Valor predeterminado: 50% 50% 0
Valor de retorno: Cadena de caracteres, que representa la Atributo transform-origin.
Versión de CSS: CSS3

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que admite completamente esta propiedad por primera vez.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
36.0 10.0 16.0 9.0 23.0