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.
Your logo.
/* ① 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 */
}