Advent of CSS / 01

By David Roessli

Posted in daily

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).

Want more ?  — prev/next entries