3Dキューブのカウントダウンを実装できる「3D Cube CountDown script」

3D Cube CountDown scriptは3Dキューブの回転するカウントダウンを実装できるスクリプトです。立体的にリアルタイムで動くカウントダウンを表示させたいときなんかによさそうですね。

3D Cube CountDown script

以下のページから3D Cube CountDown scriptのダウンロード、使い方、デモをチェックできます。

days、hours、minutes、secondsと並んだキューブ型で表示された時間によるカウントダウンです。縦に回転しながら、刻々と時間が切り替わっていきます。

CSS3のtransformプロパティを使用しているのが特徴です。

オプションではtargetdateという設定項目に、「いつまでカウントダウンをするか」の日時を指定できます。

シンプルなデザインながら立体感をプラスしたカウントダウンを実装したい方は、ぜひチェックしてみてはいかがでしょうか。