4 ms·
CSS3 Flip Clock Look
- Entlin 16y agoNice. 124 lines of code. Add 5 more to show the time and you've got something people will return to.
- flog 16y agoI was studying the code intently for the CSS animation... sad.
- st3fan 16y agoToo bad it doesn't show local time :-)
- jws 16y agoJust to save everyone else 90±30 seconds… It doesn't change. There is no slick transform of the flipping numbers, just a static display. But it is pretty. (In a related, but not interesting enough to post, bit of geekery. On Apple's home page you will see a "billionth app" counter. They drive it from a triple of ( timestamp, basecount, rate) so it updates in real time, but once in a while (hourly?) they resync it to the actual number and rate. Nice compromise between accuracy and server resources.)
- thushan 16y agoInteresting bit of geekery you found. I was mucking in there my self to see how they did it. Seems like they swing through a bunch of images to make that effect: http://images.apple.com/itunes/10-billion-app-countdown/images/filmstrip.png http://images.apple.com/itunes/10-billion-app-countdown/imag...
- jws 16y agoAh! That explains why I was seeing "top" values in the -1000 to -2000 range. Animation by sliding a long narrow image in discrete steps. They have reinvented the motion picture projector.
- deleted 16y ago[deleted]