Effekte

CSS3 bietet viele Effekte wie Schatten, Animationen, Bild- und Hintergrundveränderung.

Aufgabe Effekte und Filter

Recherchiere zu Effekten wie Transition, 2D Transform, 3D Transform, Shadows und Image-Filters

Erstelle eine Webseite mit 7 Fotos. Implementiere darauf je Bild einen anderen Effekt bei Hover:

1. Opacity (Transparenz)

2. Änderung von Grau zu Farbe

3. Helligkeit bei Hover

4. Schatten bei Hover (box-shadow)

5. Leichtes Zoom (scale()) etc.

6. Wechsle das Bild von verschwommen (blur) zu scharf

7. Leichtes Rotate

8. Fade-In und/oder Slide-In

Weitere Effekte:

1. Slide-In eines Untermenüs

2. Filter für Elemente hinter dem aktuellen Element (backdrop-filter)

3. Weitere 1-2 Effekte deiner Wahl