transform: rotateX(xxxdeg);

[Richard Rüfenacht]

Hallo Rolf

Ich würde erwarten, dass sich das grüne Feld dann wieder quadratisch darstellt, d.h. die beiden Transformationen sich aufheben. Das ist aber nicht der Fall. Wenn es kein Bug ist, dann ist es ein recht merkwürdiges Feature.

Die kleinen Quadrate sind Kindelemente eines transformierten Elternelements und befinden sich damit auf der selben Ebene. Wenn die Quadrate unabhängig vom Elternelement transformiert werden sollen, müssen sie deren Ebene verlassen. Das geschieht mit transfom-style: preserve-3d;.

Darüber hinaus finde ich, dass die 3D Transforms auch in anderer Beziehung sehr eigenwillig definiert sind. …

Nun, ich bin weit davon entfernt, CSS-Transforms und -Animationen zu verteidigen. Ich halte das für einen bescheidenen Abklatsch von dem, was möglich wäre. Ich akzeptiere aber, dass auf Plug-Ins verzichtet werden soll und deshalb etwa Adobe-Flash abgelöst wird.

Mit besten Grüssen
Richard