CSS Pointer Events Demo & Generator
Visual comparison of all pointer-events values with interactive click-through demos
Value Comparison
Click the overlay (purple) or the background behind it. The overlay's pointer-events value determines what happens.
Interactive Playground
Settings
Presets
Live Demo
Try clicking the button behind the overlay. With pointer-events: none, clicks pass through.
Background layer
Clicks: 0