Im vorigen Artikel habe ich gezeigt wie man mit den neuen CSS Eigenschaften transform:skew, rotate, und scale in Verbindung mit der transition funktion umgeht. Im zweiten Teil des Tutorials geht es jetzt in die dritte Dimension.
Die 3D Transformationen entsprechen denen in der Ebene, translate3d verschiebt, scale3d skaliert und rotateX, rotateY, rotateZ dreht ein HTML Element im Raum. Die Funktion rotate3d rotiert ein Element um einen selbstdefinierten Vektor. Wenn man Mathematisch begabt ist kann man auch mit der Funktion matrix3d arbeiten diese Funktion benötigt als Argument 16 Werte, das entspricht einer 4 x 4 Matrix mit der alle Bewegungen im Raum definiert werden können.
Weiterlesen →