Frage zum Wiki-Artikel „rotate“

[Rolf B]

Hallo nix,

alle Transformationen werden angewendet, nachdem das Element ins Layout eingepasst wurde. Der Bezugspunkt für die Transformation ist in HTML der Mittelpunkt des Elements.

Wenn Du die Grid-Zellen responsiv mit fr dimensionierst, wird die Sache schwierig. Ganz schwierig wird es, wenn Du grid-area:d schreibst und im Template "Gd" schreibst - aber das ist sicher beim Abschreiben ins Forum passiert...

repeat(3, 1fr) geht bei Namenstemplates auch nicht, das musst Du ausschreiben.

Für den senkrechten header ist der writing-mode Dein Freund - allerdings nicht unbedingt so ganz. Wenn Du etwas vertikal an den linken Rand setzt, zeigt die Unterkante der Buchstaben zum Rand. text-orientation oder direction zeigen bei mir einfach keine Wirkung - da bin ich zu blöd für oder Chrome mag nicht. Aber ein beherztes rotate:180deg hat es gebracht.

https://jsfiddle.net/Rolf_b/73w1tqoy/

Rolf