AI Flip Clocks
Inspired by https://clocks.brianmoore.com/
Create HTML/CSS for a flip clock that updates once per second to display the current time in hours, minutes, and seconds along with an am/pm indicator.
Each number (0-9) displayed in the flip clock should have it's own card and use a unique font. Make sure each font is visually distinctive in weight and style.
Make it responsive and use a light background. Return ONLY the HTML/CSS code with no markdown formatting.
Claude Sonnet 4.5
0
0
0
0
:
0
0
0
0
:
0
0
0
0
AM
PM
Composer
Gemini Pro
GPT-5.1 Codex
0
0
0
0
Hours
0
0
0
0
0
0
0
0
Minutes
0
0
0
0
0
0
0
0
Seconds
0
0
0
0
AM
GPT-4.1
0
0
0
0
0
0
AM