Transitions

default: all {transitions.duration.default} {transitions.timingFunction.default} / all {transitions.duration.md} ease-in-out

var(--transitions-default)

Click here to start transition

Duration

default: {transitions.duration.md}

var(--transitions-duration-default)

Click here to start transition

xs: 0.03s

var(--transitions-duration-xs)

Click here to start transition

sm: 0.1s

var(--transitions-duration-sm)

Click here to start transition

md: 0.15s

var(--transitions-duration-md)

Click here to start transition

Timing Function

default: ease-in-out

var(--transitions-timingFunction-default)

Click here to start transition