Biryani CSS Art — India's Soul in Every Grain 🍛

Journey

Building this was a really fun exercise in CSS gradients and positioning!

What I'm most proud of:

• The Clay Handi: I used layered radial and linear gradients along with inset box shadows to give the pot a realistic, 3D clay texture with lighting highlights.


• The Rice & Garnishes: Creating individual rice grains, mint leaves, and onion crisps using CSS border-radius and positioning was tedious but incredibly rewarding when it all came together.


• The Atmosphere: Adding animated steam and floating background spice particles helped bring the scene to life and make it feel hot and fresh.
  It was a great challenge keeping the JavaScript minimal and relying on pure CSS for the heavy lifting of the art itself!