Smooth CSS Transitions

Background

CSS transitions provide smooth visual feedback for user interactions.

Problem

Add smooth transitions to hover states and interactive elements with custom timing functions.

Input

Element with hover state

Output

Smooth transition effect

Sample tests

Input: button hover

Expected: smooth color change

Your solution

Learning objective

Learn CSS transitions and interaction feedback