Custom Code > Pop Up

Design help Custom code
1

Hey! I’m struggling with a pop up, so if you go to the home page the pop up will show which is great, but I want it to fade in (linear, 200 ms) and I have no clue how to change that in the following code.

Anybody kind enough to help me out, because I have 0 knowlegde of coding… xD

With kind regards,
Tim Sijtema

https://preview.webflow.com/preview/dock-fec?utm_medium=preview_link&utm_source=designer&utm_content=dock-fec&preview=56d3d5fa92215f36e7aee4513d6eabad&workflow=preview

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.slim.min.js" ></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/2.2.1/js.cookie.min.js" ></script><script>
$(document).ready(function(){
if (!Cookies.get('alert')) { setTimeout(function(){
$('.pop-up-wrapper').css('display','flex');
Cookies.set('alert', true, { expires: 1 });
}, 5000);
}
});
// Documentation at https://github.com/js-cookie/js-cookie
</script>
2

hi @TimSijtema you do not need to add CSS to your cookies. You can only use your function to set cookies. Animation can be done in WF with interaction in page load

1 Like
3

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.