Transition

A composite type combining duration and cubicBezier types to form a CSS transition, as defined in 9.4.

JSON

{
  "easeOutQuick": {
    "$type": "transition",
    "$value": {
      "duration": "150ms",
      "delay": "0ms",
      "timingFunction": [0.33, 1, 0.68, 1]
    }
  }
}

YAML

easeOutQuick:
  $type: transition
  $value:
    duration: 150ms
    delay: 0ms
    timingFunction:
      - 0.33
      - 1
      - 0.68
      - 1

Property	Type	Description
$type	string	Required. "transition"
$value	object	Required. Specify duration, delay (optional; defaults to 0), and timingFunction.
$description	string	(Optional) A description of this token and its intended usage.