Spiel-Würfel in HTML und CSS

[Rolf B]

Hallo Matthias,

Ja, aber wenn Du die mit einer Verschiebung und Rotation kombinierst, musst du entsprechend immer alles notieren.

Nein. Wenn das Host-Element, auf dem das Shadow-DOM sitzt (oder in das Du die Würfel-Flächen einpackst) den transform-style preserve-3d verwendet, transformierst Du nur den Container und der Rest folgt.

D.h. du transformierst die Würfelflächen relativ zum Containerelement und du gibst ihnen auch die Größe des Container-Elements. Danach sind sie responsiv.

Rolf