WordPressアップデートによるテーマファイル構成の不具合により、現在は仮のテーマで表示しています。
記事など読みづらいところが多々あると思いますがご了承いただけると幸いです。
鋭意修正中です…

Mootoolsでフリップ時計

サイト上に時間(時計)を表示することはあまりありませんが
Mootoolsを使って作れるフリップがパタパタめくれる時計が美しかったのでご紹介。

FlipDownClock.jpg
Learn how to Create a Retro Animated Flip-Down Clock – Nettuts+

上記ページはチュートリアルになっているので、
HTML、CSSなどどのように追加すればいいか、参考にできます。

サンプルデータを落としてみるとこんな感じに。

CSSとJavaScriptでこんな表現もできるとは、と思ってしまいます。

これにならって、サイト上に小さめでもさりげなく時計を表示するのも、
結構ユーザには喜ばれるかもしれませんね。

ご参考までに。。。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です