Keith Grant discusses how HTML 5.2 has introduced a peculiar new element: <dialog>. 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 digs into it a little bit more.
Direct Link to Article — Permalink
Meet the New Dialog Element is a post from CSS-Tricks
from CSS-Tricks http://ift.tt/2CQ0YqL
via IFTTT
No comments:
Post a Comment