CSS Transitions allows property changes in CSS values to occur smoothly over a specified duration.
CSS Transitions allows property changes in CSS values to occur smoothly over a specified duration. CSS Transitions were introduced as part of the CSS3 specifications.
How CSS3 Transitions works?
CSS3 transitions are effects that let an element gradually change from one style to another.
To do this, you must specify two things:
- the CSS property you want to add an effect to
- the duration of the effect
The following is all the transition properties:
transition - A shorthand property for setting the for transition properties into a single property
transition-delay - Specifies when the transition effect will start
transition-duration - Specifies how many seconds or milliseconds a transition effect takes to complete
transition-property - Specifies the name of the CSS property the transition effect is for
transition-timing-function - Specifies the speed curve of the transition effect
Reference Links and Documents: