☕ 따뜻한 차와 바삭한 사모사 – 인터랙티브 컴포트 푸드 체험

☕ Overview

An interactive frontend web experience showcasing the ultimate Indian comfort food combination: hot tea (chai) and a crispy samosa with spicy chutneys!

🌟 Features

• ☕ Interactive Tea Cup: Take a sip to smoothly lower the liquid level with realistic tilt animations.
• 🥟 3D Vector Samosa: Dip the samosa into green mint & red tamarind chutneys with smooth 3D motion.
• 🌶️ Dynamic Chutney Dip Effect: Real-time chutney stain appears on the samosa tip when dipped!
• 🫖 Refill System: Easily refill the tea cup and reset the samosa with one click.
• 💨 Vapor/Steam Animations: Custom CSS floating steam effect over hot tea and fresh samosa.

🛠️ Tech Stack

• HTML5
• Pure CSS3 (3D Transforms, Custom Keyframe Animations, Radial Gradients, Inline SVGs)
• Vanilla JavaScript

🔗 Live Demo & CodePen

Direct Link: View CodePen Demo