CSS3 rotation-pointEigenschaft


Beispiel

Drehen Sie das h1-Element um 180 Grad (von oben nach unten): <p>

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

Selbst ausprobieren »


Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Derzeit unterstützt kein Browser die Eigenschaft rotation-point.


Attributdefinition und Verwendungshinweise

Die Eigenschaft rotation-point ist ein Wertepaar, das den Punktversatz von der oberen linken Rahmenkante definiert.

Tipp:Die Eigenschaft rotation-point muss zusammen mitrotationverwendet werden. Verwenden Sie Attribute in Kombination.

Standardwert: 0
Vererbt: nein
Version: CSS3
JavaScript-Syntax: object.style.rotation="180deg"


Syntax

rotation-point: value;

Wert Beschreibung
left top
left center
left bottom
right top
right center
right bottom
center top
center center
center center
Wenn nur ein Schlüsselwort angegeben wird, ist der zweite Wert "center".
x% y% Prozentwerte sind die Breite und Höhe der Border-Box.
Weitere Erweiterungen