CSS transitions are used to change the property value smoothly over a given duration. With the help of the CSS transition property, you can change your element effects and their duration.
Below is the list of CSS transition properties, you are going to learn.
| Properties | Description |
| 1. transition | Set a shorthand of all four transition properties. |
| 2. transition-delay | Set a delay in seconds for the transition effect. |
| 3. transition-duration | Set a duration of time in seconds or milliseconds, a transition effect takes place. |
| 4. transition-property | Set the property that the transition effect is used for. |
| 5. transition-timing-functions | Set the speed of the transition effect. |
You may be interested in the following topics:
- CSS Transition-timing-function
- CSS Transition-property
- CSS Transition-duration
- CSS Transition-delay
- CSS Transition
- CSS Transition (All Properties)