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