CSS Course

Lesson 9: Transitions and Animations

Transitions

Transitions allow smooth changes between property values.

Animations

Animations use keyframes to define multiple steps of change.

Example

button {
  transition: background-color 0.3s ease;
}
button:hover {
  background-color: blue;
}