Horizontal und vertikal ausfahrende Menüs

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus.

Beschreibung / Features

Diese CSS Navigationen bieten sich an, wenn man eine eher kompakte oder dezente Navigation wünscht. Beim Überfahren mit dem Cursor schieben sie sich über den vorhandenen Inhalt. Mit Anweisungen, die erst mit der entgültigen Standardisierung von CSS3 zum Tragen kommen, jedoch von modernen Browsern auch heute schon weitestgehend unterstützt werden, wurde bei beiden Menüs mit der Eigenschaft 'transition` ein sanftes Ausfahren und ein sanfter Farbwechsel sowie ein Schattenschlag und Radien realisiert. Das vertikale Menü besitzt eine kleine Verzögerung beim Aus- bzw. Einfahren. Der Status 'aktuell' wird selbstverständlich angezeigt und kann nicht angewählt werden!
Ältere Browser sollten dennoch die grundsäzliche Funktionalität gewährleisten.

Copyright

Sie dürfen diese Applikation für den privaten Gebrauch frei verwenden und Ihren Bedürfnissen anpassen. Die gewerbliche Nutzung bedarf unbedingt meiner Zustimmung. Senden Sie eine kurze Anfrage an mich. Der Copyright-Hinweis darf jedoch in keinem Fall entfernt werden. Das Urheberrecht liegt ausschliesslich mir, Jo. Klimek, dem Betreiber dieser Webseite.
© Jo. Klimek 2012