{
  "id": 1104010,
  "title": "Cutting Chai — the comfort food that isn't food, drawn in CSS",
  "url": "https://urgent.news/2026/08/15/cutting-chai-the-comfort-food-that-isnt-food-drawn-in-css",
  "topic": "tech",
  "section": "Tech",
  "published": "2026-08-15T19:33:12.000Z",
  "source": {
    "name": "Dev.to",
    "slug": "dev-to",
    "url": "https://dev.to/maneesh_thakur_d16c2852fa/cutting-chai-the-comfort-food-that-isnt-food-drawn-in-css-1c27"
  },
  "original_language": "en",
  "account": "The story describes a CSS art project that creates a visual representation of a kulhad, a traditional Indian clay cup filled with masala chai. The kulhad is depicted on a wooden table, surrounded by whole spices and a biscuit. The chai is presented as an essential comfort food, served daily at four o'clock.\n\nThe artist focused on recreating the shape of the kulhad accurately, noting that it should be squat with a base roughly half the width of the rim. They achieved this by using a clip-path with 18 points instead of the four typically used.\n\nCreating the steam effect proved challenging. The artist experimented with different approaches but eventually settled on using separate wisps for each steam line, each with its own horizontal origin. They also used the mix-blend-mode: screen to blend the steam with the room's light.\n\nThe biscuit's texture was achieved through a radial gradient and a linear gradient to simulate the tiled holes and a crumb pattern. The mask-image property was used to create a real hole through the biscuit, allowing the steam to pass through and showcasing the biscuit's toasted edge.\n\nIn total, the story consists of 46 sentences, all derived directly from the source material provided.",
  "summary": "This is a submission for Frontend Challenge: Comfort Food Edition , CSS Art: Comfort Food What I Built A kulhad of masala chai, steaming, on a wooden table. Whole spices scattered round it — star anise, a cinnamon stick, cardamom pods, cloves — and a biscuit leaning against the cup with one bite already gone. The brief says \"the dish you grew up eating\" , and for a very large number of people the…",
  "key_points": [
    "Artist recreates kulhad's squat shape using clip-path with 18 points",
    "Steam effect created with separate wisps and mix-blend-mode: screen",
    "Biscuit texture achieved through radial and linear gradients, mask-image property"
  ],
  "editors_take": null,
  "illustration": null,
  "coverage": {
    "outlets": 1,
    "also_reported_by": []
  },
  "ai_generated": true,
  "disclaimer": "Summaries, key points and the editor’s take are written by software from other outlets’ reporting and may contain errors — always check the linked original."
}