What are transitions in CSS?

Transitions animate property changes smoothly.

Example:

button {

background: blue;

transition: background 0.3s ease;

button:hover {

background: red;

Key Takeaway:

Transitions are great for hover effects and simple UI feedback.