24. Transitions : CSS

Transitions

Transition-Property - It is utilized to choose which change property we need to utilize 

Transition-Duration - If we need to see the length which is needed to roll out the improvement, we can utilize this property. 

Transition-Timing-Function - This property is utilized to choose the speed of change from start to finish. These are of three kinds as follows- 

• Ease-In - After applying this, the liveliness will begin gradually and turns out to be quick towards the end. 
• Ease-Out - After applying this, the movement will start fastly and turn out to be delayed towards the end. 
• Ease-In-Out - After applying this, the movement will begin gradually, then, at that point become quick halfway, and finishes gradually. 

Transition-Delay - It is that specific period after which the change impact will begin. 

There is one shorthand property that permits us to compose this load of changes in a solitary line 

• Transition: Transition-Property Transition-Duration Transition-Timing-Function Transition-Delay;