Mutli-screen flat 3D analogue clock (V2.7) with jQuery & CSS3
No image, no webGL, no native !
- Full demo : http://molokoloco.github.io/flatClock3d/
- GitHub sources : https://github.com/molokoloco/flatClock3d/
- jsFiddle 2D version : http://jsfiddle.net/molokoloco/V2rFN/
- jsFiddle 3D version : http://jsfiddle.net/molokoloco/x6yc3/
- Blog post : b2bweb.fr
[UPDATE] Une présentation du projet, que j'ai fait pour #ParisJS (en Français), est ici : https://docs.google.com/document/d/1khVWiDeFj-KY2OhVqbZN_w1aef2iCC0yhhLEdj8p8yY/edit?usp=sharing
With this prototype, on desktop browsers you can move around the 3D CSS clock model with your mouse. On mobile browsers, rotation is triggered by the mobile orientation...
On my Android HTC One S with Chrome browser and Firefox browser…
Crédit : The code to 3D rotate a CSS box is strongly inspired by : http://www.laplace2be.com/projects/phone/
GPL/MIT/Copyleft - @molokoloco 2013 - http://b2bweb.fr