San Valentin #36
Description
<title>Tarjeta San Valentín</title>
<style>
body {
margin: 0;
height: 100vh;
background: linear-gradient(135deg, #ff9a9e, #fad0c4);
display: flex;
justify-content: center;
align-items: center;
font-family: 'Arial', sans-serif;
}
.card {
background: white;
width: 90%;
max-width: 320px;
height: 420px;
border-radius: 20px;
box-shadow: 0 10px 30px rgba(0,0,0,0.2);
display: flex;
justify-content: center;
align-items: center;
text-align: center;
padding: 20px;
}
button {
padding: 15px 30px;
font-size: 20px;
border: none;
border-radius: 30px;
background: #e63946;
color: white;
cursor: pointer;
animation: pulse 1.5s infinite;
}
@Keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.08); }
100% { transform: scale(1); }
}
.heart {
font-size: 120px;
color: red;
animation: beat 1s infinite;
}
@Keyframes beat {
0% { transform: scale(1); }
50% { transform: scale(1.2); }
100% { transform: scale(1); }
}
.text {
font-size: 26px;
color: #e63946;
margin-top: 10px;
}
.hidden {
display: none;
}
</style>
<script>
function openCard() {
document.getElementById("closed").classList.add("hidden");
document.getElementById("open").classList.remove("hidden");
}
</script>
💌 Ábreme
❤️
Te quiero mucho