JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://raw.githack.com/Nycto/PicoModal/master/src/picoModal.js"></script>
JavaScript
picoModal({
content: "Ah, the pitter patter of tiny feet in huge combat boots.",
overlayStyles: function ( styles ) { styles.opacity = 0; },
modalStyles: function ( styles ) { styles.opacity = 0; }
})
.afterShow(function(modal){
$(modal.overlayElem()).animate({opacity: .5});
$(modal.modalElem()).animate({opacity: 1});
})
.beforeClose(function(modal, event) {
event.preventDefault();
$(modal.overlayElem()).add(modal.modalElem())
.animate(
{ opacity: 0 },
{ complete: modal.forceClose }
);
})
.show();