Style transition Property
Style transition Property
The transition property is a shorthand property. It is the combination of the following four properties:-
- transitionProperty
- transitionDuration
- transitionTimingFunction
- transitionDelay
For your Information:-
If transitionDelay is not specified, then its default value is 0.
Syntax:-
Its syntax is:- object.style.transition OR object.style.transition = property duration timing-function delay | initial | inherit
Return:-
Its return is:- string having transition property of an element
Further Explanation:-
Value | Description |
---|---|
transitionProperty | Specifies name of CSS property transition effect is for. |
transitionDuration | Specifies how many seconds or milliseconds transition effect takes to complete. |
transitionTimingFunction | Specifies speed curve of transition effect. |
transitionDelay | Defines when transition effect will start. |
initial | Sets property to its default value. |
inherit | Inherits property from its parent element. |