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