domains / families / design / reveal-hover-effect

reveal-hover-effect

separate

Build cursor-following spotlight reveals that expose a second aligned image through a soft radial mask. Use for hover-to-color, before-and-after, x-ray, material, texture, product-detail, and illustrated hero effects where a desaturated or embossed base image should remain visible while another treatment follows an eased pointer.

When to use

• hover-to-color effects
• before-and-after comparisons
• x-ray effects
• material reveals
• texture reveals
• product-detail effects
• illustrated hero effects

When not to use

• tasks not involving cursor-following spotlight reveals

Skill page

Source