Skip to main content

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

Back to lesson: Practice: Transitions & Motion โ€” Practice