The shortest CSS, explained.
Every day, CSS Battle publishes a target image. Players race to reproduce it, pixel for pixel, in as few characters as possible. Each post here takes one day's winning solution apart, with an animation that rebuilds the image step by step.
-

· 153 characters
One tile, slid halfway: a lollipop in 153 characters
The October 8 target looks like a lollipop, or a little tree: a blue half-disc standing on its flat side, an orange disc in front of it, and a grey stick underneath....
Vegy@cubachatou
-

· 112 characters
One gradient, two zooms: a theta in 112 characters
The October 7 target looks like a Greek theta on a lime card: a ring that sticks out above and below a rectangle, cut in half by a bar. The winning solution...
Evan Liomain@evanliomain