How to Build a real-time Hourglass Timer Animation Using HTML, CSS & JS

Описание: ⏰ In this video, I'll show you how to create a realistic real-time hourglass animation using only HTML, CSS, and JavaScript!

Whether you're a beginner or intermediate web developer, this project is a fun way to practice animations, transitions, and DOM manipulation in vanilla JavaScript.

🔗 Download the source code: https://github.com/EzeDev98/hour-glass

📌 What You'll Learn:
✅ Structure the hourglass layout with HTML
✅ Style the hourglass using modern CSS techniques
✅ Animate the sand flow with CSS keyframes
✅ Add interactivity with JavaScript

🛠 Technologies Used:
HTML5
CSS3 (Flexbox, Keyframes)
JavaScript (Vanilla JS)

💬 Let me know in the comments if you'd like more interactive UI/UX projects like this one!

🔔 Don't forget to Like, Subscribe, and hit the bell icon for more coding tutorials!