Background hover

Make Your Designs Stand Out with Background Hover Effects


How to use

With Vitamin, you have the power to make your designs truly come alive. Whether you're looking to create a subtle highlight on hover or an eye-catching animation, Vitamin's background hover effects have got you covered. Simply add the -h suffix to any of your background color classes to see your designs come to life. for example .bg-h-indigo will give your background an indigo color hover effect.

Colors

With vitamin: now you have more text colors unlocked by default like indigo, purple, teal, orange & pink

Hover over the following texts to see the effects

.bg-h-primary
.bg-h-secondary
.bg-h-success
.bg-h-danger
.bg-h-warning
.bg-h-indigo
.bg-h-teal
.bg-h-purple
.bg-h-pink
.bg-h-orange
.bg-h-info
.bg-h-light
.bg-h-dark
.bg-h-body
.bg-h-white
.bg-h-transparent