Willkommen auf dem Blog von [electronic+Dragon],

Wir empfehlen die neueste Version von Firefox um diese Seite aufzurufen.
Offiziell unterstütz werden die aktuellsten Versionen vom Internet Explorer und Opera.

In diesem Blog geht es um technische Sachen von HTML-Tuts, über Mods, zu Tools.


11. Februar 2010
CSS-Tut

Hovereffekte mit Sprites

Heute möchten wir euch zeigen, wie man mit den im letzten Beitrag vorgestellten Sprites hover-Effekte erstellt.

Das ist im Prinzip ganz simpel. Durch die Nutzung der Pseudo-CSS-Klasse :hover wird das Bild, welches schon mit Sprites erstellt wurde verändert.Besonders gut eignet sich diese Methode beispielsweise für Buttons oder anderweitig Bild-basierende Veränderungen. Das Sprite wird in zwei Hälften geteilt. Die eine Hälfte entspricht dem Bild was zu erst gesehen werden soll, die andere dem späteren. Im :hover Abschnitt der CSS-Datei wird für das background Tag der Bereich des zweiten Abschnitts eingetragen.


Alle Einträge zusammengefasst und nach den jeweiligen Themen kategorisiert findet ihr in der Rubrik Blog.

Die Downloads sind als Link am Ende des Blogeintrages zu finden. Alle Downloads findet ihr in der Rubrik Download.