Modern Clean Popup Modal In JavaScript – Fusilli.js

Category: Modal & Popup | August 2, 2022
Author:AnTheMaker
Views Total:115 views
Official Page:Go to website
Last Update:August 2, 2022
License:MIT

Preview:

Modern Clean Popup Modal In JavaScript – Fusilli.js

Description:

A super tiny popup JavaScript popup library that helps you create a modern clean modal window to showcase any HTML content on the top of the page.

How to use it:

1. Load the minified version of the Fusilli.js library at the end of the document.

<script src="fusilli.min.js"></script>

2. Add HTML content to the Fusilli modal popup.

<div id="modal-example" class="modal" aria-hidden="true">
  <div class="modal_box">
    Any Modal Content Here
  </div>
</div>

3. Hide the modal popup on page load.

.modal{ display: none; }

4. Launch the modal popup when needed.

openModal(document.getElementById('modal-example'));

Changelog:

08/02/2022

  • JS update

09/18/2020

  • Add a higher z-index to always show the modal on top

You Might Be Interested In:


Leave a Reply