Built a timer using CSS3 and some javascript. The color smoothly transitions from green to yellow to red as the rotation of four quadrants with CSS masking makes the circle close.
It's for an iPad webapp for a client.
over 1 year ago
Wow! Live demo?
Good question Jamie, lemme pull the timer out of the app… it might take some untangling.
Really slick, great debut. Welcome to Dribbble!
Thanks Rich! Here is the timer: http://www.objectivesubjectlabs.com/labs/ipad/timer/ (pardon the sloppy code, still separating it from the app)
That's pretty nice.
Gorgeous.
So nice! Well done, I'd love to see that code!
keyboard shortcuts: ← previous shot → next shot L or F like
8 Responses
Built a timer using CSS3 and some javascript. The color smoothly transitions from green to yellow to red as the rotation of four quadrants with CSS masking makes the circle close.
It's for an iPad webapp for a client.
over 1 year ago
Wow! Live demo?
over 1 year ago
Good question Jamie, lemme pull the timer out of the app… it might take some untangling.
over 1 year ago
Pro
Rich Thornett
Really slick, great debut. Welcome to Dribbble!
over 1 year ago
Thanks Rich!
Here is the timer: http://www.objectivesubjectlabs.com/labs/ipad/timer/
(pardon the sloppy code, still separating it from the app)
over 1 year ago
Pro
Brad Haynes
That's pretty nice.
over 1 year ago
Pro
Brekk Bockrath
Gorgeous.
over 1 year ago
So nice! Well done, I'd love to see that code!
over 1 year ago