Skip to main content

Transitions

The following transitions are used in the design system. Hover over the preview to see the transitions in action.

Preview	Name	Value
Aenean laoreet luctus	`quick`	`.3s`
Aenean laoreet luctus	`slow`	`.5s`
Aenean laoreet luctus	`backgroundColor-ease-quick`	`background-color .3s ease`
Aenean laoreet luctus	`backgroundColor-ease-slow`	`background-color .5s ease`
Aenean laoreet luctus	`color-ease-quick`	`color .3s ease`
Aenean laoreet luctus	`color-ease-slow`	`color .5s ease`