Transition

A transition property controls timing for the interpolation between a transitionable style property's previous value and new value. A style's root transition property provides global transition defaults for that style.

1
"transition": {
2
"duration": 300,
3
"delay": 0
4
}

Any transitionable layer property, marked by , may also have its own *-transition property that defines specific transition timing for that layer property, overriding the global transition values.

1
"fill-opacity-transition": {
2
"duration": 300,
3
"delay": 0
4
}

url

Optional number. Default:0

Length of time before a transition begins. Please note the unit is in milliseconds and the value should be greater than equal to zero.

duration

Optional number. Default:300

Time allotted for transitions to complete. Please note the unit is in milliseconds and the value should be greater than equal to zero.