Skip to content
StyleStyle Docs

Transition Delay

Use utilities like delay-150 and delay-700 to set the transition delay of an element in milliseconds.

Style('transition delay-150 duration-300 ease-in-out ...', child: Text('Button A'))
Style('transition delay-300 duration-300 ease-in-out ...', child: Text('Button B'))
Style('transition delay-700 duration-300 ease-in-out ...', child: Text('Button C'))

Class reference

Section titled “Class reference”
ClassDescription
delay-<number>transition-delay: <number>ms; (e.g. delay-150)