← Both entries

DEV Frontend Challenge · CSS Art

番茄炒蛋 · tomato + egg

The Home
Ratio

No single version owns the table. Choose the balance you remember, then lift the lid.

Choose your remembered ratio

bright first,
soft after

the ratio
we never wrote

soft first,
bright after

100% HTML + CSS

01 / What changes

A ratio is not a verdict.

The radio controls reshape the same CSS-drawn ingredients: tomato pieces swell or recede, egg ribbons answer, the sauce shifts, and the note changes.

The lid ritual is another native form control. Keyboard, touch, mouse, no JavaScript—every route reaches the same warm bowl.