# Transitions: Smooth Changes

A transition makes a change in CSS happen smoothly over a short time instead of in one jump, so a button that changes color on hover or focus eases into its new look.

![Cheat sheet: Transitions: Smooth Changes](https://fsdtrainingmedia.blob.core.windows.net/public/images/2026/10/ba3a4fb386914661be2d9bbd4d4f0324.webp)

- Category: CSS
- Level: Apprentice
- Tags: CSS, Timing function, Transition (css), Transition duration, Transition property
- Updated: November 1, 2026

Source: https://www.ask-codey.com/cheat-sheets/css-transitions-cheat-sheet