Transitions

Utilities for adding transitions to an element.

Class	Properties
.transition-basic	transition: all 250ms ease;
.transition-{name}	transition: ...

Basic Transition

Use .transition-basic to add a basic transition.

Hover over box to see the transition

Customization

You can change, remove or add easings and transitions in _settings.scss.

Variants

By default, only responsive variants are generated for this utility. You can control which variants are generated by modifying the $utility-configuration in _settings.scss.