Popup overlay fade ind/out

Denne kode ændrer overgangen på Elementor popups, så de bruger en fade-in/fade-out animation i stedet for den standard, hårde overgang.

 

Koden indsættes i Tilpasset CSS og vil derefter virke på alle popups

/* Elementor Popup Overlay Fade */
.elementor-popup-modal:not([style="display: none;"]) {
transition: all .3s;
opacity: 1;
} div.elementor-popup-modal[style="display: none;"] {
transition: all .3s;
opacity: 0;
display: flex!important;
z-index: -5;
} .elementor-popup-modal[style="display: none;"]>div {display:none}
.elementor-popup-modal{animation:fade-in-by-marks 0.3s cubic-bezier(.39,.575,.565,1.000);}
@keyframes fade-in-by-marks{0%{opacity:0}100%{opacity:1}}
/* SLUT */