Skip to main content

Transition

The Transform property controls when the transition style property interpolates between its current value and its new value.

"transition": {
  "duration": 300,
  "delay": 0
}

Any layer transition properties, notated symbolically as Transitionable, can also have their own *-transition properties, which can be defined in the layer’s draw or layout properties, defining a specific transition time and overriding the global transition value.

"fill-opacity-transition": {
  "duration": 300,
  "delay": 0
}

Delay​

Optional attribute, a numeric type greater than or equal to 0. The unit is milliseconds. The default value is 0.

The length of time before the transition begins.

Excessive duration (Duration)​

Optional attribute, a numeric type greater than or equal to 0. The unit is milliseconds. The default value is 300.

The duration of the transition.