Get the latest tech news
<dialog>: The Dialog Element
The <dialog> HTML element represents a modal or non-modal dialog box or other interactive component, such as a dismissible alert, inspector, or subwindow.
CSS In the CSS, we include a@starting-style block that defines the transition starting styles for the opacity and transform properties, transition end styles on the dialog[open] state, and default styles on the default dialog state to transition back to once the<dialog> has appeared. We also set a starting style value for the background-color property on the::backdrop that appears behind the<dialog> when it opens, to provide a nice darkening animation. You don't need to explicitly enable discrete animations; there is no equivalent to allow-discrete inside keyframes.
Or read this on Hacker News