schattierter Text ausblendbar?

g4ruda

Grünschnabel
Guten abend,
bin neu hier und eines vorweg: Ich beherrsche nur die Grundkentnisse in CSS und versuche mich langsam ran zu tasten.
Ich bin bei einer Aufgabe ziemlich weit gekommen, nun habe ich folgendes Problem und weiß nicht wirklich, wie ich hier
weiter komme.
Die Aufgabe lautet so:

Ein Gedicht, wobei eine Strophe schattierten Text haben soll. Fährt man mit dem
Mauszeiger über diese Strophe verschwindet die Schattierung und der Hintergrund erhält eine
Farbe oder ein Bild


die Hintergrundfarbe könnte ich problemlos ändern, sowie auch den Text schattieren. Jedoch bekomme ich das nicht hin, wie in der Aufgabe beschrieben... außerdem: wie kann ich einzelne Zeilen schattieren? Bei mir ist der komplette Text schattiert.

meine CSS sieht nun folgendermaßen aus:

Code:
.article1 figcaption {
	background-color: green;
	color: black;
	text-shadow: 5px 5px 5px #FF0000;
}

habt ihr für mich eine Lösung oder Tipp? Vielen dank im vorraus!
 
Einzelne Zeilen sollten dann z.B. in einem <span> stehen.
Um CSS-Eigenschaften beim Überfahren mit der Maus zu ändern, schaue mal nach der Pseudoklasse hover.
 
Zurück