'Popup Automatic
Good morning.
I have the following code that is an automatic PopUp when opening the web page.
The popup works, but it takes a long time to open (about 7 seconds). I wanted that when I opened the web page the popup would already appear and that it would take at most about 2 seconds.
Thank you so much.
function diplOnFullScreenChange(){document.fullscreenElement||document.msFullscreenElement||document.mozFullScreenElement||document.webkitFullscreenElement?jQuery("body").find(".dipl_active_modal .dipl_modal_inner_wrap").addClass("dipl_modal_fullscreen"):jQuery("body").find(".dipl_modal_module .dipl_modal_inner_wrap").removeClass("dipl_modal_fullscreen")}function dipl_modal_stop_video(e){if(void 0===e||""===e)return!1;if(e.find("iframe").length>0){let d=e.find("iframe").attr("src").replace("?autoplay=1&","?").replace("?autoplay=1&","?").replace("?autoplay=1","").replace("&autoplay=1","").replace("&autoplay=1","").replace("&mute=1&muted=1","");e.find("iframe").attr("src",d)}else e.find("video").length>0&&(e.find("video").get(0).pause(),e.find("video").get(0).currentTime=0)}function dipl_modal_autoplay_video(e){if(void 0===e||""===e)return!1;if("on"===e.find(".dipl_modal_wrapper").data("autoplay-video"))if(e.find("iframe").length>0){let d="on_page_load"===e.find(".dipl_modal_wrapper").data("trigger-type"),l=dipl_modal_add_autoplay_to_url(e.find("iframe").attr("src"),d);e.find("iframe").attr("src",l)}else if(e.find("video").length>0){let d=e.find("video").get(0).play();void 0!==d&&d.then(e=>{}).catch(d=>{e.find("video").prop("muted",!0),e.find("video").get(0).play()})}}function dipl_modal_add_autoplay_to_url(e,d){let l=decodeURIComponent(e),a=l.split("&");return 1===a.length?1!==(a=l.split("?")).length?(l+="&autoplay=1",d&&(l+="&mute=1&muted=1")):(l+="?autoplay=1",d&&(l+="&mute=1&muted=1")):(l+="&autoplay=1",d&&(l+="&mute=1&muted=1")),l}function dipl_modal_get_module_classes(){return["et_pb_sticky_module","et_pb_sticky","et_pb_sticky--top","et_pb_sticky--bottom","et_pb_sticky--top_bottom","et_animated","infinite","et-waypoint","et_had_animation","fade","fadeTop","fadeRight","fadeBottom","fadeLeft","slide","slideTop","slideRight","slideBottom","slideLeft","bounce","bounceTop","bounceRight","bounceBottom","bounceLeft","zoom","zoomTop","zoomRight","zoomBottom","zoomLeft","flip","flipTop","flipRight","flipBottom","flipLeft","fold","foldTop","foldRight","foldBottom","foldLeft","roll","rollTop","rollRight","rollBottom","rollLeft","transformAnim"]}!function(e){let d=e(window).width();e.fn.DiviPlusModalRemoveClasses=function(e){let d=dipl_modal_get_module_classes();return d.push(e),this.removeClass(d.join(" ")),this.css({"animation-delay":"","animation-duration":"","animation-timing-function":"",opacity:"",transform:"",filter:""}),this},e.fn.DiviPlusModalPopup=function(l){let a=this,o=0,i=e.extend({},{action:"",delay:"0"},l);if(void 0!==a.find(".dipl_modal_wrapper").data("animation-duration")&&(o=parseFloat(a.find(".dipl_modal_wrapper").data("animation-duration")),d<981?void 0!==a.find(".dipl_modal_wrapper").data("animation-duration-tablet")&&""!==a.find(".dipl_modal_wrapper").data("animation-duration-tablet")&&(o=parseFloat(a.find(".dipl_modal_wrapper").data("animation-duration-tablet"))):d<768&&void 0!==a.find(".dipl_modal_wrapper").data("animation-duration-phone")&&""!==a.find(".dipl_modal_wrapper").data("animation-duration-phone")&&(o=parseFloat(a.find(".dipl_modal_wrapper").data("animation-duration-phone")))),"open"===i.action){let d=parseInt(i.delay);setTimeout(function(){o+=200,e("body").find(".dipl_modal").removeClass("dipl_active_modal"),e("body").addClass("dipl_modal_active"),a.addClass("dipl_active_modal"),setTimeout(function(){e("body").find(".dipl_modal").removeClass("dipl_modal_opened"),a.addClass("dipl_modal_opened")},o),setTimeout(function(){dipl_modal_autoplay_video(a)},.7*o)},d)}if("close"===i.action){let d=a.prop("id"),l=a.find(".dipl_modal_wrapper").data("trigger-type"),i=a.find(".dipl_modal_wrapper").data("re-render");if(0!==o?(a.removeClass("dipl_active_modal"),a.find(".dipl_animated").css("opacity","1"),a.find(".dipl_animated").css("transform","none"),setTimeout(function(){a.find(".dipl_animated").removeAttr("style"),a.addClass("dipl_animate_reverse")},0),setTimeout(function(){a.removeClass("dipl_animate_reverse"),a.removeClass("dipl_modal_opened"),e("body").removeClass("dipl_modal_active")},o)):(a.removeClass("dipl_active_modal"),a.removeClass("dipl_modal_opened"),e("body").removeClass("dipl_modal_active")),dipl_modal_stop_video(a),-1!==e.inArray(l,["exit_intent","on_page_load"])){let e=d+"_"+l+"_hide";("on_page_load"===l&&"off"===i||"exit_intent"===l)&&localStorage.setItem(e,"true")}}return this}}(jQuery),jQuery(document).ready(function(e){e("body").find(".dipl_modal").length>0&&(e("body").find(".dipl_modal").each(function(){let d=e(this),l=d.prop("class"),a=d.prop("class").match(/(dipl_modal\_[^\s]*)/)[0],o=d.find(".dipl_modal_wrapper").data("id"),i=o+"_"+d.find(".dipl_modal_wrapper").data("trigger-type")+"_hide",t=e('<div class="dipl_modal_section et_pb_section entry-content et-l"></div>'),n=e("<div></div>");if(n.prop("id",o),n.prop("class",l),n.DiviPlusModalRemoveClasses(a).addClass("dipl_modal_module"),d.hasClass(a+"_tb_header")?n.addClass(a+"_tb_header_module"):d.hasClass(a+"_tb_body")?n.addClass(a+"_tb_body_module"):d.hasClass(a+"_tb_footer")?n.addClass(a+"_tb_footer_module"):n.addClass(a+"_module"),n.html(e(this).find(".dipl_modal_wrapper").detach()),t.html(n),e("body").find("#page-container").find("#et-boc").length>0?e("body").find("#page-container").find("#et-boc").append(t):e("body").find("#page-container").length>0?e("body").find("#page-container").append(t):e("body").find("#et_builder_outer_content").length>0?e("body").find("#et_builder_outer_content").append(t):e("body").find("#et-boc").length>0?e("body").find("#et-boc").append(t):e("body").append(t),"none"!==d.css("display"))if("element"===n.find(".dipl_modal_wrapper").data("trigger-type"))if(void 0!==n.find(".dipl_modal_wrapper").data("trigger-element-id")&&""!==n.find(".dipl_modal_wrapper").data("trigger-element-id")){let d="#"+n.find(".dipl_modal_wrapper").data("trigger-element-id");e("body").on("click",d,function(e){e.preventDefault(),n.DiviPlusModalPopup({action:"open"})})}else if(void 0!==n.find(".dipl_modal_wrapper").data("trigger-element-class")&&""!==n.find(".dipl_modal_wrapper").data("trigger-element-class")){let d="."+n.find(".dipl_modal_wrapper").data("trigger-element-class");e("body").on("click",d,function(e){e.preventDefault(),n.DiviPlusModalPopup({action:"open"})})}else d.find(".dipl_modal_trigger_element").length>0&&d.find(".dipl_modal_trigger_element").on("click",function(e){e.preventDefault(),n.DiviPlusModalPopup({action:"open"})});else if("on_page_load"===n.find(".dipl_modal_wrapper").data("trigger-type")){let e=parseFloat(n.find(".dipl_modal_wrapper").data("trigger-delay")),d=n.find(".dipl_modal_wrapper").data("re-render");("off"===d&&"true"!==localStorage.getItem(i)||"on"===d)&&n.DiviPlusModalPopup({action:"open",delay:e})}else"exit_intent"===n.find(".dipl_modal_wrapper").data("trigger-type")&&e(document).on("mouseout",function(e){n.hasClass("dipl_modal_opened")||null===e.toElement&&null===e.relatedTarget&&"true"!==localStorage.getItem(i)&&n.DiviPlusModalPopup({action:"open"})})}),e("body").on("click",".dipl_modal_close",function(e){e.preventDefault()}),e("body").on("click",".dipl_modal_opened .dipl_modal_wrapper",function(d){if(e(d.target).is(e(this))){e(this).parents(".dipl_modal").DiviPlusModalPopup({action:"close"})}}),e("body").on("click",".dipl_modal_opened .dipl_modal_close",function(d){d.preventDefault(),e(this).parents(".dipl_modal").DiviPlusModalPopup({action:"close"})}),e(document).on("keyup",function(d){if(27===d.keyCode&&e("body").hasClass("dipl_modal_active")&&e("body").find(".dipl_modal_opened .dipl_modal_wrapper").hasClass("dipl_modal_close_on_esc")&&e("body").find(".dipl_modal_opened .dipl_modal_wrapper").length>0){e("body").find(".dipl_modal_opened").DiviPlusModalPopup({action:"close"})}}),null===document.onfullscreenchange?document.onfullscreenchange=diplOnFullScreenChange:null===document.onmsfullscreenchange?document.onmsfullscreenchange=diplOnFullScreenChange:null===document.onmozfullscreenchange?document.onmozfullscreenchange=diplOnFullScreenChange:null===document.onwebkitfullscreenchange&&(document.onwebkitfullscreenchange=diplOnFullScreenChange))});
.dipl_modal .dipl_modal_close_button,.dipl_modal .dipl_modal_trigger_button{display:inline-block}.dipl_modal .dipl_modal_trigger_element{cursor:pointer}.dipl_modal_footer .et_pb_button_wrapper{text-align:right}.dipl_modal .dipl_modal_wrapper{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.3);overflow-y:scroll;z-index:999999999}.dipl_active_modal .dipl_modal_wrapper,.dipl_animate_reverse .dipl_modal_wrapper,.dipl_modal_opened .dipl_modal_wrapper{display:-ms-flexbox;display:flex}.et_pb_with_border .dipl_modal_inner_wrap,.et_pb_with_border .dipl_modal_trigger_element:not(.et_pb_button){border:0 solid #333}.dipl_modal .dipl_modal_inner_wrap{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background:#fff;max-width:100%;max-height:100%;width:50%;height:auto}.dipl_modal_center{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.dipl_modal_top_left{-ms-flex-pack:start;justify-content:flex-start}.dipl_modal_top_left,.dipl_modal_top_right{-ms-flex-align:start;align-items:flex-start}
.dipl_modal .dipl_modal_body{-ms-flex-positive:1;flex-grow:1}.dipl_modal .dipl_animated{opacity:0;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease}.dipl_animate_reverse .dipl_animated{animation-direction:reverse}@-webkit-keyframes dipl_animate_fade{0%{opacity:0}to{opacity:1}}@keyframes dipl_animate_fade{0%{opacity:0}to{opacity:1}}@-webkit-keyframes dipl_animate_slide_center{to{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}}@keyframes dipl_animate_slide_center{to{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}}@-webkit-keyframes dipl_animate_slide_up{to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes dipl_animate_slide_up{to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@-webkit-keyframes dipl_animate_slide_right{to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes dipl_animate_slide_right{to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@-webkit-keyframes dipl_animate_slide_down{to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes dipl_animate_slide_down{to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@-webkit-keyframes dipl_animate_slide_left{to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes dipl_animate_slide_left{to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@-webkit-keyframes dipl_animate_bounce_center{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes dipl_animate_bounce_center{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@-webkit-keyframes dipl_animate_bounce_up{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(0,200px,0);transform:translate3d(0,200px,0)}60%{-webkit-transform:translate3d(0,-25px,0);transform:translate3d(0,-25px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes dipl_animate_bounce_up{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(0,200px,0);transform:translate3d(0,200px,0)}60%{-webkit-transform:translate3d(0,-25px,0);transform:translate3d(0,-25px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@-webkit-keyframes dipl_animate_bounce_right{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(-200px,0,0);transform:translate3d(-200px,0,0)}60%{-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes dipl_animate_bounce_right{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(-200px,0,0);transform:translate3d(-200px,0,0)}60%{-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none;opacity:1}}@-webkit-keyframes dipl_animate_bounce_down{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(0,-200px,0);transform:translate3d(0,-200px,0)}60%{-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes dipl_animate_bounce_down{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(0,-200px,0);transform:translate3d(0,-200px,0)}60%{-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none;opacity:1}}@-webkit-keyframes dipl_animate_bounce_left{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(200px,0,0);transform:translate3d(200px,0,0)}60%{-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes dipl_animate_bounce_left{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(200px,0,0);transform:translate3d(200px,0,0)}60%{-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none;opacity:1}}@-webkit-keyframes dipl_animate_zoom_center{to{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}}@keyframes dipl_animate_zoom_center{to{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}}@-webkit-keyframes dipl_animate_zoom_up{0%{-webkit-transform-origin:bottom;transform-origin:bottom}to{-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}}@keyframes dipl_animate_zoom_up{0%{-webkit-transform-origin:bottom;transform-origin:bottom}to{-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}}@-webkit-keyframes dipl_animate_zoom_right{0%{-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform-origin:left;transform-origin:left;-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}}@keyframes dipl_animate_zoom_right{0%{-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform-origin:left;transform-origin:left;-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}}@-webkit-keyframes dipl_animate_zoom_down{0%{-webkit-transform-origin:top;transform-origin:top}to{-webkit-transform-origin:top;transform-origin:top;-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}}@keyframes dipl_animate_zoom_down{0%{-webkit-transform-origin:top;transform-origin:top}to{-webkit-transform-origin:top;transform-origin:top;-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}}@-webkit-keyframes dipl_animate_zoom_left{0%{-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform-origin:right;transform-origin:right;-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}}@keyframes dipl_animate_zoom_left{0%{-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform-origin:right;transform-origin:right;-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}}@-webkit-keyframes dipl_animate_flip_center{to{opacity:1;-webkit-transform:perspective(0) rotateX(0deg);transform:perspective(0) rotateX(0deg)}}@keyframes dipl_animate_flip_center{to{opacity:1;-webkit-transform:perspective(0) rotateX(0deg);transform:perspective(0) rotateX(0deg)}}@-webkit-keyframes dipl_animate_flip_up{0%{-webkit-transform-origin:center;transform-origin:center}to{opacity:1;-webkit-transform:perspective(0) rotateX(0deg);transform:perspective(0) rotateX(0deg)}}@keyframes dipl_animate_flip_up{0%{-webkit-transform-origin:center;transform-origin:center}to{opacity:1;-webkit-transform:perspective(0) rotateX(0deg);transform:perspective(0) rotateX(0deg)}}@-webkit-keyframes dipl_animate_flip_right{0%{-webkit-transform-origin:center;transform-origin:center}to{opacity:1;-webkit-transform:perspective(0) rotateY(0deg);transform:perspective(0) rotateY(0deg)}}@keyframes dipl_animate_flip_right{0%{-webkit-transform-origin:center;transform-origin:center}to{opacity:1;-webkit-transform:perspective(0) rotateY(0deg);transform:perspective(0) rotateY(0deg)}}@-webkit-keyframes dipl_animate_flip_down{0%{-webkit-transform-origin:center;transform-origin:center}to{opacity:1;-webkit-transform:perspective(0) rotateX(0deg);transform:perspective(0) rotateX(0deg)}}@keyframes dipl_animate_flip_down{0%{-webkit-transform-origin:center;transform-origin:center}to{opacity:1;-webkit-transform:perspective(0) rotateX(0deg);transform:perspective(0) rotateX(0deg)}}@-webkit-keyframes dipl_animate_flip_left{0%{-webkit-transform-origin:center;transform-origin:center}to{opacity:1;-webkit-transform:perspective(0) rotateY(0deg);transform:perspective(0) rotateY(0deg)}}@keyframes dipl_animate_flip_left{0%{-webkit-transform-origin:center;transform-origin:center}to{opacity:1;-webkit-transform:perspective(0) rotateY(0deg);transform:perspective(0) rotateY(0deg)}}@-webkit-keyframes dipl_animate_fold_center{0%{-webkit-transform-origin:center;transform-origin:center}to{-webkit-transform-origin:center;transform-origin:center;opacity:1;-webkit-transform:perspective(0) rotateY(0deg);transform:perspective(0) rotateY(0deg)}}@keyframes dipl_animate_fold_center{0%{-webkit-transform-origin:center;transform-origin:center}to{-webkit-transform-origin:center;transform-origin:center;opacity:1;-webkit-transform:perspective(0) rotateY(0deg);transform:perspective(0) rotateY(0deg)}}@-webkit-keyframes dipl_animate_fold_up{0%{-webkit-transform-origin:bottom;transform-origin:bottom}to{-webkit-transform-origin:bottom;transform-origin:bottom;opacity:1;-webkit-transform:perspective(0) rotateX(0deg);transform:perspective(0) rotateX(0deg)}}@keyframes dipl_animate_fold_up{0%{-webkit-transform-origin:bottom;transform-origin:bottom}to{-webkit-transform-origin:bottom;transform-origin:bottom;opacity:1;-webkit-transform:perspective(0) rotateX(0deg);transform:perspective(0) rotateX(0deg)}}@-webkit-keyframes dipl_animate_fold_right{0%{-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform-origin:left;transform-origin:left;opacity:1;-webkit-transform:perspective(0) rotateY(0deg);transform:perspective(0) rotateY(0deg)}}@keyframes dipl_animate_fold_right{0%{-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform-origin:left;transform-origin:left;opacity:1;-webkit-transform:perspective(0) rotateY(0deg);transform:perspective(0) rotateY(0deg)}}@-webkit-keyframes dipl_animate_fold_down{0%{-webkit-transform-origin:top;transform-origin:top}to{-webkit-transform-origin:top;transform-origin:top;opacity:1;-webkit-transform:perspective(0) rotateX(0deg);transform:perspective(0) rotateX(0deg)}}@keyframes dipl_animate_fold_down{0%{-webkit-transform-origin:top;transform-origin:top}to{-webkit-transform-origin:top;transform-origin:top;opacity:1;-webkit-transform:perspective(0) rotateX(0deg);transform:perspective(0) rotateX(0deg)}}@-webkit-keyframes dipl_animate_fold_left{0%{-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform-origin:right;transform-origin:right;opacity:1;-webkit-transform:perspective(0) rotateY(0deg);transform:perspective(0) rotateY(0deg)}}@keyframes dipl_animate_fold_left{0%{-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform-origin:right;transform-origin:right;opacity:1;-webkit-transform:perspective(0) rotateY(0deg);transform:perspective(0) rotateY(0deg)}}@-webkit-keyframes dipl_animate_roll_center{0%{-webkit-transform-origin:center;transform-origin:center}to{-webkit-transform-origin:center;transform-origin:center;opacity:1;-webkit-transform:none;transform:none}}@keyframes dipl_animate_roll_center{0%{-webkit-transform-origin:center;transform-origin:center}to{-webkit-transform-origin:center;transform-origin:center;opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes dipl_animate_roll_up{0%{-webkit-transform-origin:bottom;transform-origin:bottom}to{-webkit-transform-origin:bottom;transform-origin:bottom;opacity:1;-webkit-transform:none;transform:none}}@keyframes dipl_animate_roll_up{0%{-webkit-transform-origin:bottom;transform-origin:bottom}to{-webkit-transform-origin:bottom;transform-origin:bottom;opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes dipl_animate_roll_right{0%{-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform-origin:left;transform-origin:left;opacity:1;-webkit-transform:none;transform:none}}@keyframes dipl_animate_roll_right{0%{-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform-origin:left;transform-origin:left;opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes dipl_animate_roll_down{0%{-webkit-transform-origin:top;transform-origin:top}to{-webkit-transform-origin:top;transform-origin:top;opacity:1;-webkit-transform:none;transform:none}}@keyframes dipl_animate_roll_down{0%{-webkit-transform-origin:top;transform-origin:top}to{-webkit-transform-origin:top;transform-origin:top;opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes dipl_animate_roll_left{0%{-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform-origin:right;transform-origin:right;opacity:1;-webkit-transform:none;transform:none}}@keyframes dipl_animate_roll_left{0%{-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform-origin:right;transform-origin:right;opacity:1;-webkit-transform:none;transform:none}}@media screen and (max-width:980px){.dipl_modal .dipl_modal_inner_wrap{width:80%}}}
.dipl_modal_0{margin-bottom:0!important}.dipl_modal_0_module .dipl_modal_close_icon{color:#000;font-size:32px!importantfont-family:ETmodules!important;font-weight:400!important}.dipl_modal_0_module .dipl_animated{opacity:0%;animation-duration:1000ms;animation-timing-function:1000ms}.dipl_modal_0_module.dipl_active_modal .dipl_animated,.dipl_modal_0_module.dipl_animate_reverse .dipl_animated{animation-name:dipl_animate_fade}.dipl_modal_0_module .dipl_modal_header,.dipl_modal_0_module .dipl_modal_footer{padding-top:20px!important;padding-right:20px!important;padding-bottom:20px!important;padding-left:20px!important}
a{color:#000000}#main-header .nav li ul a{color:rgba(0,0,0,0.7)}.footer-widget .et_pb_widget div,.footer-widget .et_pb_widget ul,.footer-widget .et_pb_widget ol,.footer-widget .et_pb_widget label{line-height:1.7em}#et-footer-nav .bottom-nav li.current-menu-item a{color:#2ea3f2}.woocommerce a.button.alt,.woocommerce-page a.button.alt,.woocommerce button.button.alt,.woocommerce button.button.alt.disabled,.woocommerce-page button.button.alt,.woocommerce-page button.button.alt.disabled,.woocommerce input.button.alt,.woocommerce-page input.button.alt,.woocommerce #respond input#submit.alt,.woocommerce-page #respond input#submit.alt,.woocommerce #content input.button.alt,.woocommerce-page #content input.button.alt,.woocommerce a.button,.woocommerce-page a.button,.woocommerce button.button,.woocommerce-page button.button,.woocommerce input.button,.woocommerce-page input.button,.woocommerce #respond input#submit,.woocommerce-page #respond input#submit,.woocommerce #content input.button,.woocommerce-page #content input.button,.woocommerce-message a.button.wc-forward,body .et_pb_button{font-size:16px;background-color:#f7c222;border-color:#000000;border-radius:50px;font-weight:bold;font-style:normal;text-transform:none;text-decoration:none;;letter-spacing:1px}body .et_pb_bg_layout_light.et_pb_button:hover,body .et_pb_bg_layout_light .et_pb_button:hover,body .et_pb_button:hover{color:#000000!important;background-color:#f76f00;border-color:#000000!important;border-radius:0px}
img{max-width:100%;height:auto}.et_pb_button{font-size:20px;font-weight:500;padding:.3em 1em;line-height:1.7em!important;background-color:transparent;background-size:cover;background-position:50%;background-repeat:no-repeat;border:2px solid;border-radius:3px;-webkit-transition-duration:.0s;transition-duration:.0s;-webkit-transition-property:all!important;transition-property:all!important}.et_pb_button,.et_pb_button_inner{position:relative}.et_pb_button:hover,.et_pb_module .et_pb_button:hover{border:2px solid transparent;padding:.3em 2em .3em .7em}.et_pb_button:hover{background-color:hsla(0,0%,100%,.2)}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="dipl_modal_module_3" class="et_pb_module dipl_modal dipl_modal_module dipl_modal_0_module">
<div class="dipl_modal_wrapper dipl_modal_center" data-id="dipl_modal_module_3" data-re-render="on" data-autoplay-video="off" data-trigger-type="on_page_load" data-trigger-delay="7000ms" data-animation-duration="1000ms" data-animation-duration-tablet="" data-animation-duration-phone="">
<div class="dipl_modal_inner_wrap dipl_animated">
<div class="dipl_modal_body">
<div class="dipl_modal_content_text">
<p>
<img src="new/images/Portada/popup.png" width="1200" height="800" alt="popup kit digital 2VM" class="wp-image-49423 alignnone size-full entered lazyloaded">
</p>
</div>
</div>
<div class="dipl_modal_footer">
<div class="et_pb_button_wrapper">
<strong><a href="http://kitdigital.microdelta.net/" target="_blank" rel="noopener" class="titul-popup">¿Quieres unirte al Kit Digital?</a></strong>
<a class="et_pb_button" href="http://kitdigital.microdelta.net/#contacto" target="_blank">¡Vamos a ello!</a>
</div>
</div>
</div>
</div>
</div>
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|
