Fade in Overlay

Hover over the image to see the effect.

Fade Background


Avatar
.ahvr-square .ahvr-fade-overlay
Avatar
.ahvr-square .ahvr-fade-overlay .ahvr-bg-primary-light
Avatar
.ahvr-square .ahvr-fade-overlay .ahvr-bg-primary-dark
Avatar
.ahvr-square .ahvr-fade-overlay .ahvr-bg-secondary

Fade Background Transparent 50


Avatar
.ahvr-square .ahvr-fade-overlay .ahvr-bg-primary-50
Avatar
.ahvr-square .ahvr-fade-overlay .ahvr-bg-secondary-50
Avatar
.ahvr-square .ahvr-fade-overlay .ahvr-bg-black-50
Avatar
.ahvr-square .ahvr-fade-overlay .ahvr-bg-white-50

Fade Background Opacity Slide


Avatar
.ahvr-square .ahvr-fade-overlay .ahvr-fade-slide .ahvr-fade-slide-from-top
Avatar
.ahvr-square .ahvr-fade-overlay .ahvr-fade-slide .ahvr-fade-slide-from-bottom
Avatar
.ahvr-square .ahvr-fade-overlay .ahvr-fade-slide .ahvr-fade-slide-from-left
Avatar
.ahvr-square .ahvr-fade-overlay .ahvr-fade-slide .ahvr-fade-slide-from-right

Fade Background Opacity Slide


Avatar
.ahvr-square .ahvr-zoom-image .ahvr-fade-overlay .ahvr-fade-slide .ahvr-fade-slide-from-top
Avatar
.ahvr-square .ahvr-zoom-image .ahvr-fade-overlay .ahvr-fade-slide .ahvr-fade-slide-from-bottom
Avatar
.ahvr-square .ahvr-zoom-image .ahvr-fade-overlay .ahvr-fade-slide .ahvr-fade-slide-from-left
Avatar
.ahvr-square .ahvr-zoom-image .ahvr-fade-overlay .ahvr-fade-slide .ahvr-fade-slide-from-right