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

3D Cube CountDown script

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

3D Cube CountDown script

3D Cube CountDown script

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

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

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

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

スポンサーリンク

スポンサーリンク

アクセスランキング

Tags

オススメ商品

Archives