Details Modal

See the Pen Details Modal by NielsVoogt (@NielsVoogt) on CodePen.

Details Modal

Description: By nesting a modal inside a details element it is automaticly shown when the details is opened. And by nesting the overlay inside the summary element, we can use that to trigger a close.

Browsers: Chrome Edge Firefox Opera Safari

Made with: HTML CSS (SCSS)

Responsive:Yes

Posted: 10.01.2021

Similar Examples