Hover Effects
scale
Class
| Class | Result |
|---|---|
hover-scale
|
Scale the element on hover to 1.05 the original scale. |
Demo
Shadow
Class
| Class | Result |
|---|---|
hover-shadow
|
Adds a box-shadow on hover to the element. |
Demo
Underline
Class
| Class | |
|---|---|
text-underline--hover
|
Adds an underline on hover to the element. |
Demo
The color of the underline will match the color of text hover utility class. If you have text-hover--navy text-underline--hover on an element, both text color and underline color will be navy.