3D Cube CountDown script

JavaScript

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という設定項目に、「いつまでカウントダウンをするか」の日時を指定できます。

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

jquery.enhsplitterコンテンツを分離できるフレーム実装「jquery.enhsplitter」前のページ

レスポンシブ対応でメニューのアイテム数がわかりやすい「Greedy Navigation」次のページGreedy Navigation

関連記事

  1. Canvi

    JavaScript

    左右からスライド表示するシンプルなナビゲーションメニュー「Canvi」

    CanviはVanilla JSによるシンプルなナビゲーションメニュー…

  2. Rainbow.js
  3. Fitty

    JavaScript

    親コンテナにテキストをフィットさせられる「Fitty」

    Fittyはテキストをスケールアップ、またはスケールダウンして親コンテ…

  4. JavaScript

    ウェーブ(波形)を簡単に描いてくれるjQueryプラグイン「Wave」

    WaveというjQueryプラグインを使ってみました。これを使えばウェ…

  5. Multi-Level Accordion Menu

最近の記事

  1. 梅
  2. CAR-HLD12BK
  3. OWL-LPB6701LA

アーカイブ

PAGE TOP