Skip to main content

Transitions

Transitions are what happens when different properties are changed for this specific element, you can define different transitions for one element.

The available properties are:

PropertyDescription
Property

Select which property this transition will be triggered on, and it includes:

- All

- Width

- Height

- Background color

- Color

- Transform

DurationThe amount of time this transition takes in seconds
Timing function

What type of function this transition follows, and it includes:

- Linear

- Ease

- Ease in

- Ease Out

- Ease in out

DelayHow long it takes until this transition is triggered