Estilo transformOrigin Propiedad
Ejemplo
Establezca la ubicación base de un elemento girado:
document.getElementById("myDIV").style.transformOrigin = "0 0";
Definición y uso
La propiedad transformOrigin le permite cambiar la posición de los elementos transformados.
El elemento transformado en 2D puede cambiar los ejes x e y del elemento. El elemento transformado en 3D también puede cambiar el eje z del elemento.
Nota: Esta propiedad debe usarse junto con la propiedad transform .
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Property | |||||
---|---|---|---|---|---|
transformOrigin | 36.0 | 10.0 9.0 msTransformOrigin |
16.0 | 9.0 | 23.0 |
Sintaxis
Devuelve la propiedad transformOrigin:
object.style.transformOrigin
Establezca la propiedad transformOrigin:
object.style.transformOrigin = "x-axis y-axis z-axis|initial|inherit"
Valores de propiedad
Value | Description |
---|---|
x-axis | Defining where the view is placed at the x-axis. Possible values:
|
y-axis | Defining where the view is placed at the y-axis. Possible values:
|
z-axis | Defining where the view is placed at the z-axis (for 3D transforms). Possible values:
|
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detalles técnicos
Valor por defecto: | 50% 50% 0 |
---|---|
Valor devuelto: | Una cadena, que representa la propiedad de origen de transformación de un elemento |
Versión CSS | CSS3 |
páginas relacionadas
Objeto de estilo JavaScript: propiedad de transformación
Referencia de CSS: propiedad de origen de transformación
❮ Objeto de estilo