GitHubBackgrounds, Effects & CSS Oddities · Hover effects
Image hover library that reveals a second image through an animated organic mask following the cursor.
Why it’s a gem
Mask-based image reveal that avoids the WebGL dependency of similar effects
99 button hover effects in pure CSS with no JavaScript or dependencies; each snippet uses one colour token and respects prefers-reduced-motion.
WebGL library that stacks two images and lets the pointer, scroll or your own state paint a noise-carved hole through the top one.
Detects which edge the cursor entered or left an element from and reveals overlay content from that direction.
Collection of buttons with unusual hover effects, each implemented as isolated copy-paste HTML and CSS.
Decorative link hover distortions built with SVG turbulence and displacement filters rather than canvas or WebGL.
Zoom-on-hover for product images with a detached pane, inline mode and no dependencies.