Meet the New Dialog Element

Keith Grant discusses how HTML 5.2 has introduced a peculiar new element:

. This is an absolutely positioned and horizontally centered modal that appears on top of other content on a page. Keith looks at how to style this new element, the basic opening/closing functionality in JavaScript and, of course, the polyfills that we’ll need to get cross-browser support right.
Also, I had never heard of the ::backdrop pseudo element before. Thankfully the MDN documentation for this pseudo element …

Meet the New Dialog Element is a post from CSS-Tricks