SELF-Treffen in Mannheim 2025
SELFHTML wird 30 Jahre alt! → Veranstaltungs-Ankündigung.
CSS/Funktionen/rotate()
Aus SELFHTML-Wiki
< CSS | Funktionen
Die rotate()-Funktion definiert eine Transformation, die ein Element um einen festen Punkt auf der 2D-Ebene dreht, ohne es zu verformen. Ihr Ergebnis ist ein Datentyp <Transformationsfunktion>.
| Parameter |
|
|---|---|
| anwendbar auf | * HTML-Blockelemente, mit Ausnahme von nicht ersetzten Inline-Elementen
|
| Browsersupport | caniuse: mdn-css_types_transform-function_rotate |
Beispiel
@keyframes rotating { 0% { transform: rotate(0);} 100%{ transform: rotate(1turn);} } .disc { animation: rotating 4s linear infinite; }
Das Element mit der Klasse
disc wird durch die Animation rotating gedreht.Beachten Sie: Transform-Funktionen benötigen
- in CSS Maßeinheiten
- in SVG dimensionslose Größen/ Zahlenwerte ohne Maßeinheiten
Weblinks
- CSSWG: The Transform Functions CSS Transforms Module Level 2
- 2D Transform Functions CSS Transforms Module Level 1
- MDN: rotate()