Tag Cloudish Crazy CSS Menü

Avatar of Chris Coyier
Chris Coyier am

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

OK, das ist ein bisschen kitschig, aber es ist nur als Beispiel für etwas gedacht, das man mit CSS machen kann. Sicherlich könnte dies auf unzählige verschiedene Arten angepasst werden, um coolere Effekte zu erzielen. Die Theorie hier ist, eine Box mit flexibler Breite einzurichten, die Ihr Menü enthält. Jedes Menüelement erhält eine eindeutige Klasse. Die Klassen werden dann mit Schriftstilen und Positionsinformationen definiert. Die vertikale Positionierung ist nicht flexibel, aber die horizontale Position erfolgt über Textausrichtung und/oder %-Margen.

crazymenu1.png

crazymenu2.png

[LIVE-BEISPIEL]

[CSS ANZEIGEN]

[BEISPIEL HERUNTERLADEN]