Für Cora 💖 body { margin: 0; overflow: hidden; background: pink; background-image: radial-gradient(white 1px, transparent 1px); background-size: 20px 20px; font-family: 'Comic Sans MS', cursive; } .heart, .rose { position: absolute; animation: fall linear infinite; } @keyframes fall { 0% { transform: translateY(-100px); opacity: 1; } 100% { transform: translateY(110vh); opacity: 0; } } .hello-kitty { position: absolute; width: 80px; animation: kittyMove 6s infinite ease-in-out; } @keyframes kittyMove { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-20px); } } .dudisox8x6button { position: absolute; top: 80%; left: 50%; transform: translateX(-50%); padding: 20px 40px; background-color: #ff69b4; color: white; font-size: 24px; border: none; border-radius: 15px; cursor: pointer; z-index: 10; } .button:hover { background-color: #ff1493; } Dein Browser unterstützt kein Audio. 

Drück mich, Corazon 💖

const heartCount = 30; const kittyCount = 8; for (let i = 0; i < heartCount; i++) { const heart = document.createElement("div"); heart.className = "heart"; heart.style.left = Math.random() * 100 + "vw"; heart.style.top = Math.random() * -100 + "px"; heart.style.animationDuration = 5 + Math.random() * 5 + "s"; heart.innerHTML = "❤️"; document.body.appendChild(heart); } for (let i = 0; i < kittyCount; i++) { const kitty = document.createElement("img"); kitty.src = "https://upload.wikimedia.org/wikipedia/en/0/05/Hello_Kitty_character_portrait.png"; kitty.className = "hello-kitty"; kitty.style.left = Math.random() * 100 + "vw"; kitty