I Love You Animation using HTML & CSS

This project is a romantic animation that beautifully expresses love using only HTML and CSS. Whether you're building a Valentine’s greeting, a digital love letter, or simply want to create something heartwarming for someone special, this animation delivers charm and emotion with floating hearts, glowing "I Love You" text, and soft transitions — all without JavaScript.

Simple, sweet, and perfect for both beginner and advanced creators looking to impress with code.

🧰 Technologies Used:

• HTML5 – For structuring the animated text and heart elements

• CSS3 – For animations, glowing effects, positioning, and floating visuals

• ✅ No JavaScript required

🎬 How It Works (Plain Text):

The animation displays the phrase "I Love You" in the center of the screen, styled with a glowing or neon text effect. Around the message, heart shapes or SVG icons float upward or pulse gently. CSS animations and keyframes handle the timing and motion of both the text and the hearts. Everything is layered with z-index and uses Flexbox or absolute positioning to stay centered and responsive. The entire effect loops softly, creating a continuous, dreamy visual.

✨ Features:

• Glowing “I Love You” text with shadow or neon effect

• Animated heart shapes floating upward

• Smooth keyframe transitions

• Fully responsive and mobile-ready

• Lightweight and easy to customize

🧠 Learning Highlights:

• Creating floating heart animations using @keyframes

• Centering content with Flexbox

• Applying glowing effects with text-shadow

• Building a complete romantic animation with no JavaScript

🛠 Customization Ideas:

• Add a background music toggle

• Let the user input a custom name

• Include a surprise message or modal on click

• Replace hearts with stars, roses, or emojis