GitHubBackgrounds, Effects & CSS Oddities · Hover effects
Detects which edge the cursor entered or left an element from and reveals overlay content from that direction.
Why it’s a gem
Direction-aware reveals read as expensive but are a few lines of geometry
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.
Image hover library that reveals a second image through an animated organic mask following the cursor.
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.