CSS3-Transitions Navigation

WordPress: Dynamische Drop-Down-Navigation mit CSS3 Transitions

CSS3-Transitions Navigation
So wird die Navigation aussehen.
CSS3 ist toll! Das Attribut „transition“ macht es zum Beispiel möglich, auf jQuery zu verzichten. Dadurch wird die Ladezeit beschleunigt und Speicherplatz gespart. Ich habe hier mal ein Beispiel für eine komplette dynamische Navigation in WordPress zusammengeschrieben. Continue reading „WordPress: Dynamische Drop-Down-Navigation mit CSS3 Transitions“

Um 45° rotierter Banner.

Horizontales Scrollen beim Rotieren von Elementen per CSS verhindern

Um 45° rotierter Banner.
Um 45° rotierter Banner.

Möchte man einen Banner über die Ecke einer Website verlaufen lassen, so kann man natürlich ohne Probleme mit einem Bild arbeiten. Wenn allerdings Text auf diesem Banner vorhanden ist und er auch als solcher ausgegeben werden soll, geht das natürlich nicht nur durch ein Bild. Anstelle dessen bietet sich das CSS3-Attribut transform an. In Verbindung mit dem Wert rotate(45deg) kann man wie im Beispiel den Text ohne Probleme um 45° drehen. Continue reading „Horizontales Scrollen beim Rotieren von Elementen per CSS verhindern“