FIG-001/ TRANSITION

a delay for the mount only.

The card pops in after a 0.6 s delay set by initial's transition.out. Hover scales it up quickly, and leaving uses hover's own transition (out: true), with no delay.

  • On initial, out times the mount animation only, once.
  • out: true makes hover end reuse hover's own transition.
  • Without out, the state being entered (animate) picks the transition.
↩ all examples
api · transition.outinput · initial + whileHovermode · live mode · live running source
// transition-out
initial.out: mount only hover out: true
category · transition
sheet · sheet 01 / 01
⟳ to re-run

transition.out