Code hover Effect

Code Image Hover

Add a hover-triggered scramble effect to any image using customizable grid blocks. Move your cursor over the image and nearby blocks light up with scrambling characters, creating a code, matrix, or terminal-style reveal.

Features

• Choose from Binary, Matrix, Arrows, Hex, or your own custom character set

• Adjustable block size, detection radius, and cluster size for full control over the effect's density and spread

• Configurable lifetime and scramble speed to tune how long and how fast blocks animate

• Smoothness control for fade and scale transitions

• Custom colors, font, and border radius for each block

• Optimized for performance: animation only runs on active blocks, pauses off-screen, and skips entirely in static exports or on canvas

Use cases

• Portfolio and case study hero images

• Product showcases with a tech or cyberpunk aesthetic

• Landing pages needing an interactive, code-inspired visual

• Any image where a subtle hover interaction adds engagement without slowing down the page

Refund Policy

As this is a digital product delivered instantly upon purchase, all sales are final and non-refundable.