Syntax

transition-duration

Setting the length of time a transition should takes to complete.

Class	Declarations
`~duration:milliSeconds,…`	`transition-duration: milliSecondsms,…ms;`

Conditionally apply

Apply styles based on different states using selectors and applying conditionally.

<div class="~duration:300ms:hover ~duration:300ms@sm ~duration:300ms@dark ~duration:300ms@print">…</div>

Setting a time to delay before starting transition.

Setting the CSS properties to which a transition effect should be applied.