Dialog

Basic dialog with no transition.

CSS transition using allow-discrete and @starting-style.

View Transition with @keyframes animation.

Popover

No-JS tooltip using HTML popover attribute and anchor positioning.

Dialog Modal

This is a top-level dialog modal. It captures focus and content outside the dialog is inert.

CSS Transition Dialog

This is a top-level dialog modal. It captures focus and content outside the dialog is inert.

View Transition Dialog

This is a top-level dialog modal. It captures focus and content outside the dialog is inert.