CSS3 Idee: Rotation von Seitenelementen

Avatar of Chris Coyier
Von Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Es gibt Diskussionen darüber, Rotation Teil von CSS3 zu machen. Hier sind einige wichtige Punkte

Es gibt zwei Arten von Rotation: Rotation, die während des Layouts stattfindet (und den darunter liegenden Inhalt verdrängt), und Rotation, die nach dem Layout stattfindet.

width: auto bei einem rotierten Element bedeutet, die verfügbare Breite vor der Rotation zu verwenden.

width: max-intrinsic; rotate: rotate-to-fit-keyword ermöglicht den Fall, dass wir den Text umschließen, um seine Breite zu ermitteln, und den kleinsten Winkel wählen, der diesen Block passend macht.

width: shrinkwrap verwendet den verfügbaren Platz nach der Rotation, beginnend mit einer Zeile und macht den Block höher und schmaler, je mehr Inhalt hinzukommt, bis er seine minimale Inhaltsbreite (oder min-width) erreicht.

image-orientation akzeptiert alle Winkel, rundet auf die nächste 90°-Inkrementierung, und die Spezifikation besagt, dass Autoren KEINE Winkel außer 90°-Inkrementen angeben SOLLTEN.

Ich bin der Meinung, dass Rotation unbedingt Teil zukünftiger CSS-Spezifikationen sein sollte. Wir sollten diese Art von Designkontrolle haben, ohne auf Benutzerfreundlichkeit verzichten zu müssen.

css3possibilities.gif