<title>For Cessy 馃挆</title>
<style>
body {
margin: 0;
padding: 0;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
background: linear-gradient(135deg, #ff9a9e, #fad0c4);
font-family: 'Segoe UI', sans-serif;
overflow: hidden;
}
h1 {
font-size: 3em;
color: white;
text-align: center;
text-shadow: 0 5px 15px rgba(0,0,0,0.2);
animation: fadeIn 2s ease-in-out;
}
@keyframes fadeIn {
from { opacity: 0; transform: scale(0.8); }
to { opacity: 1; transform: scale(1); }
}
.heart {
position: absolute;
color: #ff4d6d;
font-size: 20px;
animation: float 6s linear infinite;
}
@keyframes float {
from {
transform: translateY(100vh);
opacity: 1;
}
to {
transform: translateY(-10vh);
opacity: 0;
}
}
</style>
I love u Cessy 馃挆
<script>
function createHeart() {
const heart = document.createElement("div");
heart.classList.add("heart");
heart.innerHTML = "馃挆";
heart.style.left = Math.random() * 100 + "vw";
heart.style.fontSize = (15 + Math.random() * 25) + "px";
heart.style.animationDuration = (3 + Math.random() * 3) + "s";
document.body.appendChild(heart);
setTimeout(() => {
heart.remove();
}, 6000);
}
setInterval(createHeart, 300);
</script>
I love u Cessy 馃挆
<script> function createHeart() { const heart = document.createElement("div"); heart.classList.add("heart"); heart.innerHTML = "馃挆"; heart.style.left = Math.random() * 100 + "vw"; heart.style.fontSize = (15 + Math.random() * 25) + "px"; heart.style.animationDuration = (3 + Math.random() * 3) + "s"; document.body.appendChild(heart); setTimeout(() => { heart.remove(); }, 6000); } setInterval(createHeart, 300); </script>