Bookmarks GitHub Feedback

Curated hover effects for modern UI. Free and open-source.

Links

Home Bookmarks Collections GitHub

Browse

Buttons Cards Images Links Icons Navigation Inputs Badges Tooltips

Open Source

Built by Mudasir Fayaz

HoverEffects

Home/Categories/Image Hover Effects

Image Hover Effects

18 effects

Zoom, overlay, grayscale to color, and blur reveal effects

Smooth Zoom

Alpine ridge beneath a pastel sky — Smooth zoom

Color Overlay

Alpine ridge beneath a pastel sky — Color overlayAlpine study

Grayscale to Color

Alpine ridge beneath a pastel sky — Grayscale to color

Blur Reveal

Alpine ridge beneath a pastel sky — Blur reveal

Shine Sweep

Alpine ridge beneath a pastel sky — Shine sweep

Caption Slide Up

Alpine ridge beneath a pastel sky — Alpine studyChapter two — ridgeline

Directional Wipe

Alpine ridge beneath a pastel sky — Directional WipeLeft to right

Pan on Hover

Panoramic mountain range panning sideways — Pan on HoverSlow drift

Duotone Shift

Duotone mountain scene returning to full color — Duotone ShiftColor returns

Pixel Reveal

Pixelated mountain scene resolving to sharp detail — Pixel RevealResolve in

Split Reveal

Mountain scene split into two revealing halves — Split RevealParted halves

Lens Magnify

Mountain scene viewed through a magnifying lens — Lens MagnifyUnder the glass

Frame Expand

Mountain scene with an expanding inner frame — Frame ExpandWider view

Corner Mask

Mountain scene with clipped angular corners — Corner MaskAngled corners

Parallax Crop

Mountain scene drifting with pointer parallax — Parallax CropDepth drift

Soft Focus

Softly blurred mountain scene coming into focus — Soft FocusSharpen up

Ripple Reveal

Mountain scene revealed by an expanding ripple — Ripple RevealOutward wave

Mosaic Unveil

Mountain scene behind a mosaic grid overlay — Mosaic UnveilGrid clears

Image Hover Effects — HoverEffects