灵感来源 这次挑战，我选择了 Mysore Pak——一种传统的南印度甜点，也是我最爱的暖心食物之一。 我想用 CSS 作为主要创作媒介，重现一种熟悉又怀旧的感觉。Mysore Pak 的金黄颜色、浓郁的酥油质感、柔和的边缘，以及层层叠叠的糕体，给了我很多值得打磨的细节。 演示地址 [https://splendorous-heliotrope-dc872c.netlify.app/] 创作过程 我先把 Mysore Pak 拆解成简单的视觉元素——长方形糕体、金色渐变、酥油高光、碎屑、阴影，还有装甜点的餐盘。 整件作品没有使用任何图片素材，而是主要通过 CSS 渐变、伪元素、阴影、变换和动画来完成。 我还加入了一些细微的动画，让作品更有生气： - ✨ 悬浮旋转的星星光点 - 酥油高光和微光闪烁效果 - 糕体轻柔的晃动 - ️ 餐盘上的光线反射 - 漂浮的小碎屑 - 平滑的入场动画 最让我自豪的是：不依赖任何图片资源，就把一块简单的甜点变成了细节丰富的 CSS 插画。 这次挑战也让我重新意识到，前端开发不只是用来搭建界面，它本身就可以是一种创作媒介。 由 ❤️、CSS、酥油、鹰嘴豆粉、糖，和一点点南印度的怀旧情怀制作而成。

打开网易新闻 查看精彩图片