Skip to content
Interaction

pointer-events

Controls whether an element can become the target of pointer input such as mouse and touch events.

819 effects in the catalog use this property.

Syntax

pointer-events: auto | none;

Watch out

Decorative overlays, glows, and pseudo-elements often need `pointer-events: none`; otherwise they can intercept clicks intended for the control beneath them.

Effects using pointer-events

These are working effects from the catalog. Open a tile to inspect the full source.