CSS3 rotation-pointPropiedad


Ejemplo

Rotar el elemento h1 180 grados (de arriba hacia abajo): <p>

h1 { rotation-point:50% 50%; rotation:180deg; }

Pruébalo »


Soporte del navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Actualmente ningún navegador admite la propiedad rotation-point.


Definición de propiedad y notas de uso

La propiedad rotation-point es un par de valores que define el punto de desplazamiento desde el borde superior izquierdo.

Consejo:La propiedad rotation-point debe usarse junto conrotationla propiedad.

Valor predeterminado: 0
Herencia: no
Versión: CSS3
Sintaxis de JavaScript: object.style.rotation="180deg"


Sintaxis

rotation-point: value;

Valor Descripción
left top
left center
left bottom
right top
right center
right bottom
center top
center center
center bottom
Si solo se especifica una palabra clave, el segundo valor será "center".
x% y% Valores porcentuales, referidos al ancho y alto del cuadro de borde.
Otras extensiones