Developer Recreates Pakistani Family Meal Ritual Using Only HTML and CSS
A developer named Waasila Asif has created a CSS art piece called 'Dastarkhwan' as a submission for the DEV Community Frontend Challenge - Comfort Food Edition. Inspired by childhood memories of family meals in Pakistan, the project depicts a traditional spread including chicken biryani in a brass handi, raita, jalebis, and lassi. The artwork goes beyond static illustration, featuring a fully animated sequence where a hand picks up a serving spoon, scoops biryani, serves a plate, and adds raita before the loop restarts. Built entirely with HTML and CSS using gradients, pseudo-elements, border-radius, and keyframe animations, the project also involved iterating on animation timing with the help of Claude AI. The live demo and source code are publicly available on GitHub.
This is an AI-generated summary. ShortSingh links to the original source for the complete article.
Discussion (0)
Log in to join the discussion and vote.
Log in