In this video i will talk about Transition in CSS

CSS transitions allows you to change property values smoothly, over a given duration.

To create a transition effect, you must specify two things:


1. the CSS property you want to add an effect to

2. the duration of the effect


Note: If the duration part is not specified, the transition will have no effect, because the default value is 0.

The transition effect will start when the specified CSS property (width) changes value.

The following lists are all the CSS transition properties:

transition: A shorthand property for setting the four transition properties into a single property

transition-delay: Specifies a delay (in seconds) for the transition effect

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