CSS transition Property Explained

What the CSS transition property does, with an example.

Published November 5, 2026

The CSS transition property defines how a property change animates over time instead of happening instantly.

Key points

  • Check browser compatibility on a resource like caniuse.com if targeting older browsers

Example

transition: background-color 0.3s ease;
More CSS articles