transform: rotateX(xxxdeg);

[Matthias Apsel]

Hallo j4nk3y,

Wenn auf das Element gehovert wird, wird der Container um die X-Achse um 60 Grad gedreht. Das komische ist aber, dass das Element nicht wirklich gedreht wird, sondern einfach nur die Höhe des Containers und die Schrifthöhe verringert wird. Dies hat jedoch nichts mit echter Rotation zutun.

Mit transform: rotateX() können Sie ein Element um die x-Achse drehen.
Dies entspricht: rotate3d(1, 0, 0, <Winkel>.

Die x-Achse verläuft anders als du erwartest.

Das Raster soll den Bildschirm darstellen.

Bis demnächst
Matthias