在最近的一次前端挑战中，我选择了一个特别的对象——Mysore Pak。这是一种传统的南印度甜点，也是我最喜欢的安慰食物之一。我想用CSS作为主要创作媒介，重新创造出一种熟悉而怀旧的感觉。金色、浓郁的酥油质感、柔和的边缘和分层的小块，给了我很多可以尝试的细节。 我尝试将Mysore Pak拆解成简单的视觉元素：矩形的甜点块、金色渐变、酥油高光、碎屑、阴影，以及一个摆盘用的碟子。整个过程没有使用任何图片素材，完全依靠CSS渐变、伪元素、阴影、变换和动画来构建画面。 为了让作品更生动，我还加入了细微的动画效果：✨ 漂浮旋转的小星星、 酥油高光与微光闪烁、 Mysore Pak小块的轻微移动、️ 碟子的光线反射、 漂浮的小碎屑，以及 平滑的入场动画。 最让我自豪的是，我把一块简单甜点变成了一幅细致的CSS插画，而且全程没有依赖图像资源。这次挑战也让我再次意识到：前端开发本身就可以是一种创意媒介，不只是用来搭建界面。 用爱、CSS、酥油、鹰嘴豆粉、糖，还有一点南印度怀旧情怀，完成这块虚拟Mysore Pak。在线体验：[https://splendorous-heliotrope-dc872c.netlify.app/]

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