Transition Image Overlay – Add-on

Universal Add-on

Your logo.
On top.

An image — your logo, icon, or any graphic — fades in over the overlay as it covers the screen, then fades out as it reveals the new page.

/* ① CSS — add to your :root */ --img-width : 220px; --img-pos-x : center; /* center | left | right */ --img-pos-y : center; /* center | top | bottom */ --img-fade-in: 0.3s; /* ③ JS CONFIG — add inside your CONFIG {} */ image: { show : true, src : 'your-logo.svg', delay: 150, /* ms after cover starts */ }
--img-width   size
--img-pos-x/y   position preset
--img-offset-x/y   fine-tune offset
--img-fade-in/out   fade speed
image.delay   when it appears (ms)
Click here
Click here
Click here

Newsletter

Subscribe

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.