Transition Utilities
Add a transition utility to an element to animate a specific property.
| Class Name | Responsive Classes | Description |
|---|---|---|
u-transAll |
none | Animate all properties. |
u-transColor |
none | Animate the text color. |
u-transBg |
none | Animate the background color. |
u-transBorder |
none | Animate the border color. |
An example using border and border hover utilities:
Hover over me.
<div class="o-box u-borderAll u-border4 u-hoverBorderPrimary u-transBorder">
Hover over me.
</div>