Slow Turn — nine birds, one fire, and twenty minutes of waiting
This is a submission for Frontend Challenge - Comfort Food Edition, CSS Art . Inspiration The other three pieces in this set are quiet. A fridge at 2am, a cup of chai, a pan of eggs. This one is the opposite: a whole tandoor of birds turning over a fire, which is the most theatrical way anyone has ever cooked anything. The comfort here isn't the eating. It's the waiting — standing in front of the…
In this CSS art piece, nine chickens are cooked on a rotating spit in a tandoor, creating a theatrical cooking experience. The comfort lies not in eating, but in the waiting as the viewer watches the birds turn over the fire. The nine birds are represented with gradients and shadows, with no SVG, images, or canvas used. The animation loop is seamless, lasting sixteen seconds for each rotation.
Each bird is constructed from overlapping parts, with the near leg in front of the body and the far leg behind it, giving the illusion of three-dimensionality without the use of actual 3D. The flames are represented using a blurred parent and two layers: a halo and a core. A hard edge is achieved by separating the core from the parent using blend modes, resulting in a more realistic representation of fire.
Written by urgent.news from Dev.to's reporting — not their text. Machine-written — may contain errors; check the original before relying on it.
