Image Slice Hover
A cursor-reactive image effect that turns movement into smooth vertical slices reveals with optional dot markers.
About this Component
Image Slice Hover creates a responsive hover effect where sweeping your cursor across an image activates full-height vertical slits. Nearby strips stretch and fade with the motion, creating a smooth scan-like reveal that feels lightweight and interactive. The effect is drawn in real time on canvas and reacts continuously to cursor movement.
⏹⏹ FEATURES ⏹⏹
You can customize:
The image
Image fit mode
Slit width
Overlay opacity
Motion trail duration
Optional dot markers
Dot color, size, and corner radius.
Made with ♡ by SOSOTAR. If you have any question, email play@sosotar.com
