Text hover
Vitamin CSS framework takes your design to the next level by offering text color hover properties. With just a few classes, you can easily add hover effects to your text and create dynamic, eye-catching designs.
How to use
Vitamin makes it easy to add text hover effects to your design. Simply add an -h
to your existing text color classes to create a hover effect. For example, .text-h-primary
will give your text a primary 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
.text-h-primary
.text-h-secondary
.text-h-success
.text-h-danger
.text-h-indigo
.text-h-orange
.text-h-pink
.text-h-purple
.text-h-warning
.text-h-info
.text-h-light
.text-h-teal
.text-h-dark
.text-h-body
.text-h-muted
.text-h-white
.text-h-black-50
.text-h-white-50