CSS: The Definitive Guide, 5. Auflage

Kapitel 17. Transformationen

Diese Arbeit wurde mithilfe von KI übersetzt. Wir freuen uns über dein Feedback und deine Kommentare: [e-mail]

Seit den Anfängen von CSS sind Elemente rechteckig und fest an den horizontalen und vertikalen Achsen ausgerichtet. Es gab verschiedene Tricks, um Elemente so aussehen zu lassen, als wären sie gekippt und so weiter, aber dahinter steckte immer ein starres Raster.

Mit CSS-Transformationen hast du die Möglichkeit, das visuelle Raster zu durchbrechen und die Art und Weise, wie deine Elemente dargestellt werden, zu verändern. Ob es nun darum geht, Fotos ein wenig zu drehen, um sie natürlicher wirken zu lassen, oder Oberflächen zu erstellen, auf denen Informationen durch das Umdrehen von Elementen sichtbar werden, oder interessante perspektivische Tricks mit Seitenleisten anzuwenden, CSS-Transformationen können - entschuldige den offensichtlichen Ausdruck - die Art und Weise, wie du gestaltest, verändern.

Koordinatensysteme

Bevor sich auf diese Reise begibt, sollten wir uns einen Moment Zeit nehmen, um uns zu orientieren. Genauer gesagt, schauen wir uns die Koordinatensysteme an, die verwendet werden, um Positionen oder Bewegungen im Raum als eine Abfolge von Messungen zu definieren. Bei Transformationen werden zwei Arten von Koordinatensystemen verwendet, und es ist gut, wenn du mit beiden vertraut bist.

Das erste ist das kartesische Koordinatensystem, oft auchx/y/z-Koordinatensystem genannt. Dieses System beschreibt die ...