CSS-Menü mit Rollover-Bildern

Avatar of Chris Coyier
Chris Coyier am

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

Wir haben gerade über die Übelkeit von JavaScript-basierten Rollovers geschrieben. Wir haben Ihnen die Grundlagen gezeigt, wie man es stattdessen mit CSS macht, aber jetzt ist es an der Zeit, Nägel mit Köpfen zu machen und ein echtes Beispiel zu liefern.

css rollover example

Dieses Menübeispiel verwendet drei mögliche Zustände
– Normal
– Rollover
– Ausgewählt

Der Code ist wirklich sauber und einfach und sollte leicht zu verstehen sein. Fühlen Sie sich frei, das Beispiel herunterzuladen und damit zu tun, was immer Ihr kleines Herz begehrt. Das .ZIP enthält die ursprüngliche Adobe Photoshop-Datei zur Bearbeitung.

LIVE-BEISPIEL

BEISPIEL HERUNTERLADEN