transform-origin: Ankerpunkt (2D)

0 | 1 Kommentar | 1680 Aufrufe
Sie können diese Wikiseite nach der Anmeldung auf Webmasterpro bearbeiten. Helfen Sie mit und verbessern Sie "transform-origin: Ankerpunkt (2D)" mit Ihrem Wissen!

Anzeige Hier werben

transform-origin (2D)

Werte: Prozentzahl, Länge, left, center, right, top, bottom
Standardwert: 50% 50%
Vererbung: Ja
Kurzschreibweise: -
Anwendbar auf: alle Elemente
CSS-Level: CSS3

Die Eigenschaft transform-origin bestimmt die Lage des Ankerpunktes an dem die Transformation des Elements von Statten gehen soll.

Die Anwendung von transform ist Voraussetzung.

Werte

Firefox2Nein3Nein3.1Nein
IE6Nein7Nein8Nein
Opera9Nein9.5Nein
Safari3Nein3.1Nein4Unterstützt
1%
animation-duration

Es können immer zwei Werte angegeben werden. Entweder ein relativer (Prozent) oder ein absoluter (Länge) Versatz, oder mit left, center, right, top, bottom.

Beispiel

 
css
1
2
3
4
DIV.transformation {
      transform: rotate(30deg);
      transform-origin: 33% 33%;
}

Die Box wird an einem Ankerpunkt gedreht, der im ersten Drittel des Elements liegt.

Wikiseite bearbeiten

Diese Seite kann von jedem registrierten Benutzer bearbeitet werden. Bisher haben 2 Personen an der Seite "transform-origin: Ankerpunkt (2D)" mitgewirkt.

Sie haben einen Fehler entdeckt oder möchten etwas ergänzen? Dann können Sie nach der Anmeldung "transform-origin: Ankerpunkt (2D)" hier bearbeiten.

Mitarbeiter

Kommentare: transform-origin: Ankerpunkt (2D)

Neuen Kommentar schreiben
Beispiel
Beantworten

Wo bleibt denn das Beispiel? ;)

…und wieso DIV und nicht div?

Philipe Fatio am 23.04.2009 um 16:23