Skip to content
StyleStyle Docs

Transition Duration

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

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

Class reference

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