Practice ยท 1 of 1
Polish the Button
Give a plain button professional interaction states:
- A transition on .button covering background-color (0.2s).
- A :hover state that changes the background-color.
- A matching :focus-visible state (same selector list or separate rule) so keyboard users see it too.
- A prefers-reduced-motion media block that neutralizes transitions.
Difficulty: beginner
Press Submit to check your solution.
Back to lesson: Practice: Transitions & Motion โ Practice