Filter hover effects

Unlock the Power of Hover Opacity Effects with Vitamin CSS Library

How to use

Take your designs to the next level with Vitamin's hover CSS opacity! 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 opacity class, and watch your design come to life. for example .opacity-h-50 will give 50% opacity effect to your element on hover.

Visual examples

.opacity-h-90 vitamin example img

.opacity-h-80 vitamin example img

.opacity-h-60 vitamin example img

.opacity-h-45 vitamin example img

.opacity-h-25 vitamin example img

.opacity-h-10 vitamin example img