Home > Abakada: Back to Basics > Language References > CSS Properties > Transition Properties

---

CSS transitions allow property changes in CSS values to occur smoothly over a specified duration. This section describes the specific transition properties currently supported.

Property	Description
transition	A shorthand notation for setting the five transition property values in a single declaration.
transition-behavior	Specifies whether transitions will be started for properties whose animation behavior is discrete.
transition-delay	Specifies when the transition will start, or the wait time before the transition actually begins.
transition-duration	Specifies how long the transition will last, or the duration over which the transition should occur.
transition-property	Specifies one or more CSS property names to which the transition is to be applied.
transition-timing-function	Specifies how intermediate values are calculated for CSS properties being affected by the transition effect.

This section assumes you already have some familiarity with the basics of CSS transitions. If not, I suggest starting with a brief overview on Understanding and Using CSS Transitions.

External references: CSS Transitions   CSS Transitions Level 2.

CSS Animation Properties, CSS Filter Functions, CSS Transform Functions