CSS‑Only Modal

Dark‑mode aware, animated, focusable, and no JS—uses the :target trick.

Open Modal

Why devs groan

Scroll lock, focus rings, overlay clicks, and theming across browsers—modals are a pain.

What this solves

CSS‑only open/close, dark mode, click‑outside to close, and page scroll lock via :has().

Limitations

No Escape‑key or focus trap without JS. Works great for simple dialogs.

©2025 Avalynn Circe — CSS‑only demo. Free to use.