Warped Card
Store
Warped Card Image card that bulges at a cursor
An image card that swells like a lens around the pointer. The bulge fades in when the pointer enters, trails behind it with a little lag, and fades out when the pointer leaves. It's a WebGL shader running on your image.
Preview
Features
What it does
- The image, which fills the card and crops to fit.
- Card width, from 100 to 1200 px, and the aspect ratio, written as height divided by width.
- The bulge's size and how hard it magnifies.
- Dampening, which sets how closely the bulge follows. A higher number follows faster.
- The length of the fade in and out, up to 3 seconds.
- The corner radius, typed as a CSS value such as 16px.
References
References Where to see it, and what it's built on.
Keep going
