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.


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

Any transitionable layer property, marked by opacity, may also have its own *-transition property, defined in the layer's paint or layout properties, that defines specific transition timing, overriding the global transition values.


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

delay

Optional number greater than or equal to 0. Units in milliseconds. Defaults to 0.

Length of time before a transition begins.

duration

Optional number greater than or equal to 0. Units in milliseconds. Defaults to 300.

Time allotted for transitions to complete.

追加の開発者リソース

このpageは役に立ちましたか？

delay​

duration​

delay

duration