<title>إهداء خاص ❤️</title>
<style>
body {
margin: 0;
height: 100vh;
background: radial-gradient(circle at top, #ff4d6d, #590d22);
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
font-family: 'Cairo', sans-serif;
color: white;
text-align: center;
}
.heart {
position: absolute;
font-size: 20px;
color: #ffccd5;
animation: float 6s linear infinite;
opacity: 0.8;
}
@Keyframes float {
0% {
transform: translateY(100vh) scale(0.5);
opacity: 0;
}
100% {
transform: translateY(-10vh) scale(1.5);
opacity: 1;
}
}
.box {
background: rgba(0,0,0,0.35);
padding: 30px;
border-radius: 20px;
z-index: 10;
}
h1 {
font-size: 28px;
margin-bottom: 15px;
}
p {
font-size: 18px;
line-height: 1.8;
}
</style>
<script>
const message = "كل سنة وإنتِ طيبة، وجودك في حياتي هو أجمل هدية، وربنا ما يحرمنيش منك أبداً ❤️";
let i = 0;
const speed = 60;
function typeWriter() {
if (i < message.length) {
document.getElementById("msg").innerHTML += message.charAt(i);
i++;
setTimeout(typeWriter, speed);
}
}
typeWriter();
setInterval(() => {
const heart = document.createElement("div");
heart.className = "heart";
heart.innerHTML = "❤️";
heart.style.left = Math.random() * 100 + "vw";
heart.style.fontSize = Math.random() * 25 + 15 + "px";
document.body.appendChild(heart);
setTimeout(() => heart.remove(), 6000);
}, 300);
</script>
❤️ إلى أغلى إنسانة ❤️