Image Slit Hover
A cursor-reactive image effect that turns movement into smooth vertical slit reveals with optional dot markers.
About this Component
Image Slit 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.
⏹⏹ FEATURES ⏹⏹
You can customize the image, fit mode, slit width, overlay opacity, motion trail duration, and optional dot markers. Dot color, size, and corner radius can also be adjusted, from sharp squares to rounded circles. The effect is drawn in real time on canvas and reacts continuously to cursor movement.
Made with ♡ by SOSOTAR. If you have any question, email play@sosotar.com
