CSS Animation Assignment

1. Hover Transition

Hover over this box. Its background and border colors change over 1 second.

Hover over me

2. Continuous Animation

This box changes color and shape automatically. Each cycle lasts 3 seconds and repeats continuously.

Always running

3. Hover Animation with Delay

Keep your pointer over this box. After a 0.5-second delay, it changes color and shape for 2 seconds. Move away and hover again to replay.

Hover over me

4. Gradient Background

This background blends from navy through purple to crimson.

Linear gradient