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“