MY GIRL
I LOVE YOUunknown
html
2 months ago
1.7 kB
3
Indexable
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Special Message for You</title> <style> body { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100vh; background: linear-gradient(to right, #ff9a9e, #fad0c4); font-family: 'Arial', sans-serif; text-align: center; color: #fff; margin: 0; } h1 { font-size: 3em; margin-bottom: 20px; } p { font-size: 1.5em; margin-bottom: 40px; } .heart { display: inline-block; width: 100px; height: 90px; background-color: #ff6f61; position: relative; transform: rotate(-45deg); animation: heartbeat 1s infinite; } .heart:before, .heart:after { content: ""; position: absolute; width: 100px; height: 90px; background-color: #ff6f61; border-radius: 50%; } .heart:before { top: -50px; left: 0; } .heart:after { top: 0; left: 50px; } @keyframes heartbeat { 0%, 100% { transform: scale(1) rotate(-45deg); } 50% { transform: scale(1.2) rotate(-45deg); } } </style> </head> <body> <h1>You're the Love of My Life!</h1> <p>I created this special message just for you. 💖</p> <div class="heart"></div> </body> </html>
Editor is loading...
Leave a Comment