The clock: a css animation
Sorry, but this animation is not available for your device
This is a simple CSS based clock that keeps time against hours, minutes and seconds. I put it together over a couple of hours to test a couple of ideas for other projects I’m working on.
First, the clock “ticks”. Instead of a smooth movement, the hands move with a definite gesture from one time mark to the next. This involved a bit of maths, a spreadsheet and a few adjustments to get it to look right. Originally the hour hand did the same thing, although it looked a little odd, so I set it to move smoothly.
(If it goes to sleep, the animation stops, so you’ll need to reload the page).
More from Ross
When the Earth and Moon fall into sync
Eventually the orbit of the Moon will fall into sync with the Earth. Then only one half of the planet will ever see our only satellite.
The trail guide said “Difficulty: Medium.” I’d like to disagree.
A trail guide said it was medium difficulty. A bunch of rope climbs later I was questioning their logic...
Please stop sharing fake news for “likes”
Sharing fake quotes might get you a few likes now, but the way things are going it could work against you.