CSS Tutorial in Hindi [Part 40] - CSS Transition

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