Ejemplo
Establecer la colocación de un elemento de base girada:
document.getElementById("myDIV").style.transformOrigin = "0 0";
Inténtalo tú mismo " Definición y Uso
La propiedad transformOrigin le permite cambiar la posición de elementos transformados.
2D elemento transformada puede cambiar el eje y x- y del elemento. 3D elemento transformado también puede cambiar el eje z del elemento.
Note: Esta propiedad debe ser utilizado junto con el transformar la propiedad.
Soporte del navegador
La propiedad transformOrigin es compatible en Internet Explorer 10, Firefox y Opera.
Internet Explorer 9 es compatible con una alternativa, la propiedad msTransformOrigin, pero sólo para 2D transformadas.
Chrome, Safari y Opera soportan una alternativa, la propiedad WebkitTransformOrigin, tanto para 2D y 3D-la transforma.
Sintaxis
Devolver la propiedad transformOrigin:
object .style.transformOrigin Establecer la propiedad transformOrigin:
object .style.transformOrigin=" Valores de propiedad Valor Descripción x-axis Definición de donde la vista se coloca en el eje x. Valores posibles: - izquierda
- centrar
- derecho
- length
- %
y-axis Definición de donde la vista se coloca en el eje y. Valores posibles: - parte superior
- centrar
- fondo
- length
- %
z-axis Definición de donde la vista se coloca en el eje z (for 3D transforms) . Valores posibles: - length
initial Establece esta propiedad a su valor por defecto. Lea acerca inicial inherit Hereda esta propiedad de su elemento padre. Lea acerca de heredar
Detalles técnicos
Valor por defecto: 50% 50% 0 Valor de retorno: Una cadena, que representa la propiedad transform-origen de un elemento Versión CSS CSS3
Páginas relacionadas
JavaScript estilo de objeto: transform property
Referencia CSS: transform-origin property
<Estilo de objeto