`
<title>Mukaddes ❤️</title>
<style>
body {
margin: 0;
padding: 0;
font-family: 'Arial', sans-serif;
background: linear-gradient(135deg, #ff4e8b, #ff9a9e);
color: white;
text-align: center;
overflow: hidden;
}
.container {
position: relative;
top: 50%;
transform: translateY(-50%);
padding: 20px;
}
h1 {
font-size: 3em;
animation: glow 2s infinite alternate;
}
p {
font-size: 1.3em;
max-width: 600px;
margin: auto;
line-height: 1.6;
}
@Keyframes glow {
from { text-shadow: 0 0 10px #fff; }
to { text-shadow: 0 0 25px #fff; }
}
button {
margin-top: 20px;
padding: 15px 30px;
font-size: 18px;
border: none;
border-radius: 30px;
background: white;
color: #ff4e8b;
cursor: pointer;
transition: 0.3s;
}
button:hover {
transform: scale(1.1);
}
/* Kalpler */
.heart {
position: absolute;
width: 20px;
height: 20px;
background: red;
transform: rotate(45deg);
animation: fall 5s linear infinite;
}
.heart::before,
.heart::after {
content: "";
width: 20px;
height: 20px;
background: red;
border-radius: 50%;
position: absolute;
}
.heart::before { top: -10px; left: 0; }
.heart::after { left: -10px; top: 0; }
@Keyframes fall {
0% { top: -10%; opacity: 1; }
100% { top: 110%; opacity: 0; }
}
/* Mobil uyum */
@media (max-width: 600px){
h1 { font-size: 2em; }
p { font-size: 1em; }
}
</style>
Mukaddes ❤️
Sen hayatıma giren en güzel tesadüfsün…
Gözlerine baktığımda dünyayı unutuyorum.
Seninle geçen her saniye benim için bir mucize.
İyi ki varsın, iyi ki benimlesin 💖
<button onclick="showLove()">Sana Mesajım 💌</button>
<script>
function showLove(){
alert("Seni çok seviyorum Mukaddes ❤️");
document.getElementById("music").play();
}
// Kalp oluştur
setInterval(() => {
let heart = document.createElement("div");
heart.className = "heart";
heart.style.left = Math.random() * 100 + "vw";
heart.style.animationDuration = (Math.random() * 3 + 2) + "s";
document.body.appendChild(heart);
setTimeout(() => {
heart.remove();
}, 5000);
}, 300);
</script>
`
`
<title>Mukaddes ❤️</title> <style> body { margin: 0; padding: 0; font-family: 'Arial', sans-serif; background: linear-gradient(135deg, #ff4e8b, #ff9a9e); color: white; text-align: center; overflow: hidden; } .container { position: relative; top: 50%; transform: translateY(-50%); padding: 20px; } h1 { font-size: 3em; animation: glow 2s infinite alternate; } p { font-size: 1.3em; max-width: 600px; margin: auto; line-height: 1.6; } @Keyframes glow { from { text-shadow: 0 0 10px #fff; } to { text-shadow: 0 0 25px #fff; } } button { margin-top: 20px; padding: 15px 30px; font-size: 18px; border: none; border-radius: 30px; background: white; color: #ff4e8b; cursor: pointer; transition: 0.3s; } button:hover { transform: scale(1.1); } /* Kalpler */ .heart { position: absolute; width: 20px; height: 20px; background: red; transform: rotate(45deg); animation: fall 5s linear infinite; } .heart::before, .heart::after { content: ""; width: 20px; height: 20px; background: red; border-radius: 50%; position: absolute; } .heart::before { top: -10px; left: 0; } .heart::after { left: -10px; top: 0; } @Keyframes fall { 0% { top: -10%; opacity: 1; } 100% { top: 110%; opacity: 0; } } /* Mobil uyum */ @media(max-width: 600px){ h1 { font-size: 2em; } p { font-size: 1em; } } </style>Mukaddes ❤️
Sen hayatıma giren en güzel tesadüfsün… Gözlerine baktığımda dünyayı unutuyorum. Seninle geçen her saniye benim için bir mucize. İyi ki varsın, iyi ki benimlesin 💖