von , 08.03.2010

Tutorial: Menüs mit Slide-Effekt per CSS3 (und ohne JavaScript)

Wenn es um animierte Effekte wie beispielsweise Slide-Effekte bei verschiedenen Webseiten-Elementen geht, denkt man schnell an JavaScript mit seinen beliebten Frameworks wie jQuery oder MooTools. Doch solch schicke Effekte lassen sich auch ganz ohne den Einsatz von JavaScript realisieren: mit CSS3. Wie genau das funktioniert und welche Klippen es dabei zu umschiffen gilt, zeigt es sehr schönes Tutorial im Webstandard-Blog.

Beachten sollten Webdesigner beispielsweise, dass der Internet Explorer, auch in seiner aktuellen Version, noch nicht die CSS3-Eigenschaft der Farbverläufe unterstützt, die im Beispiel Verwendung findet. Auch die Eigenschaft „Transition“, mit der dann die eigentliche Bewegung erzeugt wird, wird aktuell noch nicht von allen Browsern unterstützt.

Auch wenn sich solche Effekte noch nicht mit jedem Browser betrachten lassen, so wird dennoch sehr schön gezeigt, welche Möglichkeiten CSS3 schon jetzt für die Zukunft bereithält.

Weitere Artikel zu JavaScript, jQuery und Tutorials



Empfohlene Produkte

Empfohlene Artikel

Eine Antwort

  1. von Heiko Stiegert 08.03.2010 (11:55Uhr) 1.

    Viele Dank für die Erwähnung dieses kleinen CSS3-Tutorials, freut mich das die Beiträge des Webstandard-Blogs Euer Interesse geweckt haben.

Deine Meinung


(wird nicht veröffentlicht)