Mask Hover Reveal

A dynamic Gutenberg block that recreates an interactive “mask hover reveal” portrait effect using Three.js

Mask Hover Reveal displays a base image and reveals a second image through an organic, animated blob mask that follows the pointer/touch. The effect is rendered with Three.js shaders on a canvas.

Features:

Fade-in overlay (delay + duration)

Base image + Reveal image

Organic blob mask with adjustable size and fade speed

Configurable background and blob colors (vec3 strings)

Mobile breakpoint + mobile image positioning option