valentine
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in milliseconds.
Viewing readonly version of main branch: v4View latest version
Olwethu, Will You Be My Valentine? ❤️
body {
margin: 0;
padding: 0;
background: linear-gradient(to right, #ff9a9e, #fad0c4);
font-family: 'Segoe UI', sans-serif;
text-align: center;
color: white;
overflow: hidden;
}
h1 {
margin-top: 100px;
font-size: 3em;
}
p {
font-size: 1.3em;
margin-bottom: 40px;
}
.buttons {
position: relative;
height: 200px;
}
button {
padding: 15px 30px;
font-size: 18px;
border: none;
border-radius: 30px;
cursor: pointer;
transition: 0.3s;
position: absolute;
}
#yesBtn {
background-color: #ff4d6d;
color: white;
left: 40%;
}
#yesBtn:hover {
background-color: #ff1e4d;
transform: scale(1.1);
}
#noBtn {
background-color: white;
color: #ff4d6d;
left: 55%;
}
.hidden-message {
display: none;
margin-top: 30px;
font-size: 1.5em;
animation: fadeIn 1s ease-in-out forwards;
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
/* Floating hearts */
.heart {
position: absolute;
bottom: -50px;
font-size: 20px;
animation: floatUp 6s linear infinite;
opacity: 0.8;
}
@keyframes floatUp {
0% {
transform: translateY(0);
opacity: 1;
}
100% {
transform: translateY(-800px);
opacity: 0;
}
}
From the moment you came into my life, everything became brighter.
You make me smile in ways I never knew were possible.
Yes 💖
No 🙈
You just made me the happiest boyfriend alive, Olwethu! 💕
I love you so much. – Mutsa ❤️
I love you so much. – Mutsa ❤️