想象一下：一杯热气腾腾的印度奶茶，搭配一只金黄酥脆的萨莫萨，再蘸上翠绿薄荷和深红罗望子两种酸辣酱——这正是印度街头最令人满足的组合。现在，有人把它做成了一款完全运行在浏览器里的互动前端演示。

这个项目用纯 HTML5、CSS3 和原生 JavaScript 实现了物理感十足的交互效果。点击茶杯时，液面会随着倾斜角度平滑下降，就像真的在喝一口热茶；杯口上方还有自定义 CSS keyframes 生成的蒸汽飘动，增强温度与新鲜感。

最特别的是一只 3D 矢量萨莫萨。你可以用鼠标拖拽它，让尖端分别浸入绿色薄荷酱或红色罗望子酱中。当萨莫萨碰到酱料表面，接触区域会实时出现深色浸渍痕迹，仿佛酱汁真的渗入酥皮。松手后，痕迹保留在尖端，视觉反馈非常直觉。

此外，系统还提供一键“续杯”功能：点击按钮即可重置茶杯液位和萨莫萨状态，方便反复演示。所有动效均未使用图片素材，仅靠 CSS 径向渐变、3D transforms、内联 SVG 和 JavaScript 事件计算完成，体积轻盈。

无论你是想学习 CSS 3D 动画，还是单纯想找个有趣的编码练习，都可以直接打开 CodePen 演示，亲手试试这杯会冒热气、能蘸酱的萨莫萨。