noscript-modal is a JavaScript-free modal window built using the CSS and HTML <detail> element.
Example of a simple JavaScript-free form! [on below]
how to create popup in html with css, modal popup example, modal popup in html, open modal popup on button click, css modal popup
How to make use of it:
1. Load the modal.css within the doc.
<link rel="stylesheet" href="modal.css" />
2. Create a modal window from an HTML <detail> component.
<details class="modal">
<summary class="modal__toggle"></summary>
<div class="modal__background">
<div class="modal__body" tabindex="-1" role="dialog" aria-labelledby="modal__label" aria-live="assertive" aria-modal="true">
<p id="modal__label">Modal Content</p>
</div>
</div>
</details>No Script Modal Window, noscript-modal Plugin/Github
See Demo And Download
Official Website(natclark): Click Here
This superior jQuery/javascript plugin is developed by natclark. For extra Advanced usage, please go to the official website.
