Glare Hover
A band of light sweeps across the surface when the pointer enters, like light catching glass.
import { GlareHover } from "pleate/effects/glare-hover";Glare
Hover me
Accent, wider band
Props
- color
Glare color.
stringdefault white- opacity
Glare strength (0 to 1).
numberdefault 0.35- angle
Band direction in degrees.
numberdefault -45- width
Band width as a share of the surface.
numberdefault 0.25- duration
Sweep in ms.
numberdefault 700
Accessibility
- Decorative layer, hidden from assistive tech.
- Hover devices only; nothing under reduced motion.