Advent of CSS / 01 

Tags :

I discovered the Advent of CSS 2021 a bit late, but decided to give it a try anyway. This entry was retro-posted.

Day 01 / Pomodoro Timer

In this project, we’re creating a Pomodoro timer.

A timer with a red cricle around it and a start and settings button below
The Pomodoro timer brief

See the Pen Advent of CSS 2021 / 01 by David Roessli (@davidroessli) on CodePen.


I enjoyed using conic and radial gradients in this first challenge, and tried to parameter the time values with custom properties has much as possible.

I used plain HTML and CSS with custom resets (thanks @leaverou and @5t3ph).

Posted a response ? — Webmention it

This site uses webmentions. If you've posted a response and need to manually notify me, you can enter the URL of your response below.

Want more ? — prev/next entries