Filter hover effects

Make your website stand out with Vitamin's CSS filter hovers. With a few simple classes, you can quickly add dynamic effects.

How to use

Take your designs to the next level with Vitamin's hover CSS filters! With just a few simple classes, you can now easily add hover animations to your website without any hassle. Simply add the -h suffix to your CSS filter classes, and watch your design come to life. for example .sepia-h-3 will tint image with sepia on hover.

Classes

Just add and -h after your filters classes and before the number.

• .blur-h
• .contrast-h
• .gray-h
• .sepia-h
• .bright-h
• .dark-h
• .hue-h
• .invert-h
• .saturate-h

Visual examples

Hover over the following iamges to see the effects

.Blur-h-3

.Contrast-h-3

.Gray-h-5

.Sepia-h-5

.Bright-h-4

.Dark-h-5

.Hue-h-2

.Hue-h-n2

.Invert-h-5

.Saturate-h-4