Dastarkhwan — 一个巴基斯坦家庭餐饮公司

2026年8月2日2 次浏览来源:Dev.to阅读原文

这是针对前端挑战的呈文 - 舒适食品版, CSS Art.

Inspiration 对我来说,舒适的食物从来没有真正 关于盘子。

谓相相围绕相者.

我从巴基斯坦长大的, 记忆中首先出现的是, 所有人都挤在达斯塔克旺周围, 总有人在别人面前抢起勺子 有人要求更多莱塔。

Jalebis在饭开始之前就已经走了 每一个地方都有冰冷的Lassi 所以我不想画菜 我想用HTML和CSS来画这个——第一个板块的小型仪式。

Demo Live Demo:https://waasilaasif.github.io/ Dastarkhwan/ 出处代码:https://github.com/WasilaAsif/ Dastarkhwan Journey 互联网档案馆的存檔,存档日期2013-12-21.

这在画静态外形上已经过去了 中间是铜制手提箱,上面放有Biryani, 由通常的嫌疑人设计:raita, jalebis, Lassi, 空盘子, 和在锅边休息的勺子。

全部是HTML和CSS——梯度,分层的伪元素,边框-射线被推到它的极限,CSS唯一的阴影,以及相当固执地大量的键框花序.

动画是我真正关心的部分。

我不想事情只是移动。

我想要一个序列。

一只手进来,取出勺子,从手取出勺子,把勺子放在盘子上,再加一勺雷塔,把勺子放回地上,整个桌子在回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回回 让食物能被认出来 比让它看起来漂亮还难 制作一整块梯度读作"鸡腿"或"明显是比利亚尼而不只是黄米",比剧情最终结果所暗示的要费劲得多.

和这个挑战中的很多人一样,我在这个过程中也使用了AI——我与克洛德合作,在更困难的动画时间上进行了推敲.

这是工作流程中的一个工具,而不是经过思考的捷径.

我所坚持的是,CSS可以携带一个故事,而不只是塑造一个页面。

谢谢你来我家 希望它让你有点饿了.

分享