Pure CSS Dishes


One feature that I’ve had in mind for Sushi Stacks has been different dish types. Originally you could only add plates, but what about drinks? Or soups or other things that might come in a bowl.

So i set off to see if I could complete my list of dish types using just CSS. I tried to stick to just a single DOM element for most, although it wasn’t a requirement for my needs and I was able to add more details. Like this Martini glass…

[codepen_embed height=”268″ theme_id=”5806″ slug_hash=”iCmhz” default_tab=”result”]See the Pen CSS Martini Glass by Cesar Vargas (@limitlis) on CodePen.[/codepen_embed]

The other dish types: