Hier kommt ein neuer Selektor hinzu welcher sich "hover" nennt. Googelt mal nach "CSS hover" und versucht die folgenden Animationen umzusetzen.

irgendein Bild

Genau bei solchen Inhalten macht es durchaus Sinn Ids zu vergeben. Da sich nicht immer alle Inhalte gleich verhalten sollten. Erstelle einen Div Element mit der Id="specialBox" mit der Schriftgrösse 22px, weite 100px, höhe 100px, Hintergrundfarbe grau und wenn man darüber fährt soll er rot werden. Ausserdem ist meine Schriftfarbe schwarz :).

xy-Inhalt.

Wenn Ihr das geschafft habt..., Bonusaufgabe für die Interessierten. Schafft ihr dieselbe Box auch um 90 Grad drehen zu lassen.
Tipp: transform


Hier kannst du eine Vorlage dieses Dokuments herunterladen (Rechtsklick ->"Ziel Speichern unter...")

Vorlage 2