Animated Modal JS

Animated Modal JS jQuery

by Abid Shaik

HTML

<link rel="stylesheet" href="cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.min.css">
<script src="https://joaopereirawd.github.io/animatedModal.js/js/animatedModal.min.js"></script>
<div id="animatedModalDiv1" href="#animatedModal">Open Animated Modal</div>

<!--DEMO01-->
<div id="animatedModal">
  <!--THIS IS IMPORTANT! to close the modal, the class name has to match the name given on the ID  class="close-animatedModal" -->
  <div class="close-animatedModal">
    CLOSE MODAL
  </div>

  <div class="modal-content">
    <!--Your modal content goes here-->
  </div>
</div>

JavaScript

$("#animatedModalDiv1").animatedModal({
  color: "red",
  animatedIn: "fadeIn",
  animatedOut: "fadeOut",
  animationDuration: "0.8s",
});