Jon Combe | Code | HTML clocks using JavaScript and CSS rotation

次のような、CSSのrotationを使ったアナログ＆デジタル時計実装例が公開されています。
Flashっぽいのですが、Flashは一切使っていません。

左のアナログ時計もいいのですが、右のデジタル時計も前後の分と秒が若干rotateされて表示されてるのがクールですね。



こういうことも出来るんだ、ということで一度見ておいてもよさそうです。

実装ですが、JavaScript によって次のようにCSSのrotateプロパティをsetIntervalで定期的にあてていってるだけのようです。

-webkit-transform: rotate(42deg);
-moz-transform: rotate(42deg);

このプロパティがなかったらかなり大変そうですが、これらが使えれば楽々というわけですね。

但し、IEでは動かない点に注意。