Hello, Timpanu Family! This post explores the rich traditions and vibrant celebrations of Maltese feasts.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body.loading {
overflow: hidden;
}
#loader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: white;
display: flex;
justify-content: center;
align-items: center;
z-index: 10000;
transition: transform 1s ease-out, opacity 1s ease-out;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
#loader img {
width: 100px; /* Adjust the size as needed */
height: auto;
animation: spin 3s linear infinite; /* Adjust the duration (3s) as needed */
}
#loader.enlarge {
transform: scale(50); /* Adjust the scale as needed */
opacity: 0;
}
</style>
</head>
<body class="loading">
<div id="loader">
<img src="https://media.sellfy.store/images/O2vw4Fwp/m0AU/Sellfy_Logo-Gray.png" alt="Sellfy Logo">
</div>
<script>
document.addEventListener("DOMContentLoaded", function() {
setTimeout(function() {
document.getElementById("loader").classList.add("enlarge");
}, 1000); // Adjust the time (1000ms = 1s) as needed
setTimeout(function() {
document.body.classList.remove("loading");
document.getElementById("loader").style.display = "none";
}, 2000); // Adjust the time (2000ms = 2s) as needed
});
</script>
</body>
</html>

Hosted Images






