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
![]()
![]()
![]()
![]()
![]()
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. |