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

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

関連記事

  1. TwentyTwenty

    JavaScript

    2枚の画像を見比べれるjQueryプラグイン「TwentyTwenty」

    TwentyTwentyは2枚の画像を見比べれる便利なjQueryプラ…

  2. no-image
  3. Footnoted

    JavaScript

    脚注(注釈)を入れたい時に役立つjQueryプラグイン「Footnoted」

    FootnotedというjQueryプラグインは文章の中に脚注(注釈)…

  4. Add To Cart Interaction
  5. Glide.js
  6. bootstrap-wysihtml5

    JavaScript

    シンプルで美しいWYSIWYGエディタを実装できる「bootstrap-wysihtml5」

    bootstrap-wysihtml5はシンプルでスッキリしたデザイン…

最近の記事

  1. CITTA TT5.0
  2. Kindle Oasis
  3. OWL-WDDESK01
  4. ワンタッチ着脱フィルターキット

アーカイブ

PAGE TOP