Advanced CSS Playground

This page extends Workshop 2 by adding transitions, animations, pseudo-classes, filters, and pseudo-elements.

Task 1: Transition

Task 2: Animation

Task 3: Pseudo-classes

Item 1
Item 2
Item 3
Item 4
Item 5

Task 4: Filter

Sample portrait

Hover the image to remove grayscale.

Task 5: Pseudo-elements

Growth comes from small, consistent improvements.

Previous Workshop Elements

Course Name	Status
Web Development Basics	Completed
CSS Fundamentals	Completed
Advanced CSS	Ongoing