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. Vimeo Carousel Gallery
  2. Toolgif

    JavaScript

    GIFアニメーションによるツールチップを実装できる「Toolgif」

    ToolgifはGIFアニメーションを活用したツールチップを実装するこ…

  3. swingdrag

    JavaScript

    jQuery UIのドラッグ機能にスイング効果を加えることができる「swingdrag」

    swingdragは、jQuery UIのドラッグ機能にスイング効果を…

  4. Mirror Effect

    JavaScript

    ミラーエフェクトによるかっこいいスライドショー実装「Mirror Effect」

    Mirror EffectはWebサイト内でかっこいいミラーエフェクト…

  5. no-image

    JavaScript

    軽量・高速でレスポンシブ対応のjQueryスライダー「partialViewSlider」

    partialViewSliderは左右にスライドする軽量・高速でレス…

  6. no-image

    JavaScript

    レスポンシブ対応のシンプルなLightboxプラグイン

    レスポンシブに対応したシンプルなLightboxプラグインを紹介します…

最近の記事

  1. SRS-XB43
  2. Nu:kin
  3. フィールグッドシャワー

アーカイブ

PAGE TOP