CSS Animatable

Animatable CSS Properties

Not all CSS properties can be animated. This list shows the properties that support animation.

Common Animatable Properties

• background-color
• background-position
• border-color
• border-width
• color
• font-size
• height
• margin
• opacity
• padding
• transform
• width
• z-index

/* Animating background-color */
div {
  transition: background-color 0.5s ease;
}
div:hover {
  background-color: red;
}