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」の紹介でした。

関連記事

  1. Sticky Elements

    JavaScript

    エレメントがくっついてくるアニメーション「Sticky Elements」

    Sticky Elementsはエレメントにカーソルを乗せるとくっつい…

  2. Reshader

    JavaScript

    カラーの濃淡を得ることができるJavaScriptライブラリ「Reshader」

    Reshaderは、カラーの濃淡を得ることができる便利なJavaScr…

  3. S-Pagination

    JavaScript

    スライダー付きのページネーションを実装できる「S-Pagination」

    S-Paginationはスライダー付きのページネーションを実装できる…

  4. JavaScript

    チルトシフト効果でミニチュア風の写真に仕上げてくれるjQueryプラグイン「tiltShift.js…

    指定した画像にチルトシフト効果をプラスしてミニチュア風にしてくれるjQ…

  5. Squishy

    JavaScript

    テキストをコンテナに合わせて自動でサイズ変更してくれるjQueryプラグイン「Squishy」

    SquishyというjQueryプラグインを使えばテキストをコンテナに…

  6. JavaScript

    値を指定することで好きなカラースウォッチを表示できるjQueryプラグイン「Color Swatch…

    これはどこかで使いたくなるjQueryプラグインですね。カラー値を指定…

最近の記事

  1. スタバのドリップのホットのショート
  2. LE エルイー 6 PANEL CAP
  3. タリーズ ハウスブレンド
  4. BAG-TW1BKシリーズ

アーカイブ

PAGE TOP