Navigationsleisten mit CSS3 - Teil 1

Einfaches Grundlagen-Beispiel

Erweiteres Beispiel mit mehrfacher Animation

/css/css3-navigation-teil-1/beispiel-1

/css/css3-navigation-teil-1/beispiel-2

Dieses Beispiel zeigt, dass mit der gleichen Methode mehrere aufeinander folgende Animationen ausgelöst werden können. Zunächst der erweiterte HTML-Code:

und auch der Endpunkt

für alle drei ID festgelgt werden. Außerdem werden verzögerte Startzeiten für die einzelnen Abschnitte festgelegt:

JavaScript kommt wie im ersten Beispiel zum Einsatz.Beispiel 2 -mehrfache Animation

Erweiteres Beispiel mit anderen Ereignissen