CSS3 Übergangs-Menü
English Deutsch Español Italiano Русский Svenska 日本語

"Core Brown" CSS Menü mit CSS3 Übergang (Ausblend-Effekt)








CSS3 Übergang und Deckkraft

Das neue und verbesserte CSS3 kombiniert in sich viele Möglichkeiten, die vorher nur durch klobige Kombinationen von CSS2 und JavaScript verfügbar waren. Die weich animierten und elegant aussehenden Einblend- und Ausblend-Übergänge bspw. sind jetzt durch eine einzige CSS3 Eigenschaft, Deckkraft, verfügbar.

Die Deckkraft-Eigenschaft in CSS3 erlaubt das Ändern der Transparenz-Einstellung eines bestimmten Objekts. Bilder, Buchstaben und andere Elemente sind vollständig sichtbar, wenn die Deckkraft auf 1 gesetzt wird und komplett unsichtbar, wenn sie auf 0 gesetzt wird, während Werte dazwischen teilweise Transparenz erzeugen. Das mag wie ein kleines Detail aussehen, aber es eröffnet neue großartige Möglichkeiten für Webseiten-Designer, die ihnen erlauben mehr zu schaffen, mit weniger Aufwand, und das Besuchererlebnis zu verbessern.

Stellen Sie sich vor, Sie sehen ein Navigationsmenü oben auf einer Webseite. Sie bewegen Ihren Mauscursor auf seine Schaltfläche und sind beeindruckt wie elegante Untermenüs direkt darunter erscheinen und von vollständig transparent in einem flüssigen Übergang zu sichtbar wechseln. Der Look ist so poliert, dass es besser in einen Startbildschirm eines schicken Videospiels oder einer professionellen Anwendung mit einer preis-behangenen Oberfläche passen würde, anstatt in ein Blog oder eine Webseite.

"Das war mit Sicherheit in JavaScript gemacht!" hätten Sie vielleicht noch vor zwei Jahren gesagt. Damals war es fast unmöglich hochqualitative Übergänge auf genau die gewünschte Art nur mit CSS zu erstellen.

Mit CSS3 Menu können Sie multi-Ebenen Dropdownmenüs für die Navigationsleiste Ihrer Webseite erstellen und elegante Übergänge mit einem Mausklick hinzufügen. Es gibt keinen Grund sich zurückzuhalten oder Pausen zu machen, wenn man etwas Neues lernt. Alles was Sie tun müssen, ist die kostenlose Software herunterzuladen und Ihrer Vorstellungskraft freien Lauf zu lassen!

Sehen Sie auch:
CSS3 abgerundete Ecken, CSS3 Schatten, CSS3 Animationen, CSS3 Textschatten, CSS3 Gradient, CSS3 Übergang

Kostenloser Download