3 ms·
Apple actually has an embarrassingly straightforward implementation of a CSS3 clock on their ipod nano page: http://www.apple.com/ipodnano/ http://www.apple.co
by kinofcain 15y ago
Apple actually has an embarrassingly straightforward implementation of a CSS3 clock on their ipod nano page:
http://www.apple.com/ipodnano/ http://www.apple.com/ipodnano/
- dougaitken 15y agoumm where?
- davidcollantes 15y agoMickey Clock.
- flixic 15y agoThe Mickey Mouse clock.
- Luc 15y agoFor me it's just showing a static image, no matter what browser I use. This one: http://www.apple.com/ipodnano/images/overview_hero.jpg http://www.apple.com/ipodnano/images/overview_hero.jpg
- innes 15y agoDoesn't work on any of the three browsers on my laptop - presumably it works on Apple's browser. Kudos to Apple on going the extra mile there.
- jjcm 15y agoIf you look at the code it only has webkit bindings. It fails gracefully however in trident/presto/gecko, so no real issues in my opinion.
- onedognight 15y agoExcept it's not just CSS; It uses Javascript to update a CSS transform element -moz-transform: rotate(%ddeg) whereas the OP uses CSS animations. .hand { -moz-animation-direction: normal; -moz-animation-duration: 60000ms; -moz-animation-iteration-count: infinite; -moz-animation-name: spin; -moz-animation-timing-function: linear; } .hour.hand { -moz-animation: 0s ease 0s normal none 1 none; } .minutes.hand { -moz-animation: 0s ease 0s normal none 1 none; }
- kinofcain 15y agoGood catch, though for what it's worth Apple's actually has the correct time on it. Hers appears to be doing some initial date/time setup via JS, but it doesn't appear to show the correct time, at least for me.
- azulum 15y agoi could be wrong, but isn't anand a man's name? http://dribbble.com/charm http://dribbble.com/charm https://twitter.com/#!/aprilzero https://twitter.com/#!/aprilzero it's not showing me the correct time either, but it is still amazing.