Image distortion on hover
Images warp, bend, or ripple when hovered — using WebGL or CSS filters.
What you're seeing
Hover an image and it bulges, ripples, or melts at the cursor point.
Where you'll see it
Portfolio grids, team pages, gallery sections.
Difficulty
High — 4/5
Libraries that build it
Curtains.jsThree.jsPIXI.js
From the toolbox
Ready to prompt — paste this into your AI coding tool
"Use Curtains.js WebGL plane, apply mouse-reactive displacement on hover, lerp back on leave"