no-image

JavaScript

3Dキューブによる画像ギャラリー「3D Cube Image Gallery」

3D Cube Image Galleryは、3Dキューブによるオシャレな画像ギャラリーを実装できます。サムネイル画像から任意を画像を選択すると、キューブがクルッと回転して目的の画像を表示してくれます。とてもおもしろいアイディアですね。

3D Cube Image Gallery

3D Cube Image Gallery

デモではキューブの下に6つのサムネイル画像が並べられていて、ここから好きな画像をクリックするとキューブが回転してその画像を表示してくれます。

滑らかなアニメーションで、立体的なキューブの動きに思わず注目してしまいますね。キューブの回転が止まる時にさりげなくバウンスが入るところもグッドです。

人とは違った珍しい画像ギャラリーを実装したい人は、ぜひ「3D Cube Image Gallery」を活用されてみてはいかがでしょうか?

上のリンク先ではCSSやJSなどの実際のコードも記述されているので、具体的な実装方法を知りたい人はぜひチェックしてみてください。

というわけで、クルッと回転する3Dキューブによる素敵なイメージギャラリー「3D Cube Image Gallery」の紹介でした。

JQuery Clockシンプルなアナログ時計を実装できる「JQuery Clock」前のページ

軽量・フレキシブル・高速なスライダー&カルーセル実装「Glide.js」次のページGlide.js

関連記事

  1. MoveTo

    JavaScript

    軽量なスムーススクロールを実装できるJSライブラリ「MoveTo」

    MoveToは軽量(圧縮版で1KBほど)なスムーススクロールを実装する…

  2. no-image

    JavaScript

    多彩なエフェクトを備えたjQueryスライダープラグイン「camera-slider」

    camera-sliderは多彩なエフェクトを備えた美しいスライドショ…

  3. Inspiration for Letter Effects

    JavaScript

    印象的なテキストエフェクトを実装する「Inspiration for Letter Effects」…

    anime.jsを活用した、印象的でとってもかっこいいテキストエフェク…

  4. JavaScript

    アイコンをクリックすると周りにメニューが表示されるjQueryプラグイン「FerroMenu」

    FerroMenuというjQueryプラグインを使えばアイコンをクリッ…

  5. jQuery-TimelineMe

    JavaScript

    シンプルなタイムラインを簡単につくれる「jQuery-TimelineMe」

    jQuery-TimelineMeは、タイムラインを簡単に構築すること…

  6. no-image

    JavaScript

    リッチキャプションを備えたイメージビューア「CaptionBox」

    CaptionBoxは、リッチキャプションを備えた美しいイメージビュー…

最近の記事

  1. パーソナルパーティション
  2. 200-DGBG020
  3. Anker PowerPort 5-in-1 37.5W Hub

アーカイブ

PAGE TOP