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