Folder Preview Ideas

JavaScript

フォルダに楽しいホバーアニメーションをつける「Folder Preview Ideas」

Folder Preview Ideasは、フォルダにさまざまな楽しいホバーアニメーションをつけることができます。CSSやAnime.jsなどが使われているとのこと。ホバーすることで、フォルダに何があるのか瞬時に把握できますね。

Folder Preview Ideas

デモ

デモページには全部で9つのサンプルが設置されています。各サンプル内に表示されたフォルダにホバーすると、アニメーション付きで情報が表示される仕組みです。

顔、写真、ファイルといったアイコンが表示されたり、テキストが表示されたりと、いろんなバリエーションのサンプルをチェックすることができます。

どれも滑らかなアニメーションで、思わず注目してしまいますね。見ていて楽しくなる、そんなちょっとしたアクセントを求めている人にはピッタリの機能になるのではないでしょうか?

フォルダだけではなく、応用次第でいろんなシーンで活用できそうな機能ですね。

Folder Preview Ideas

Panoramix Image左右に移動できるパノラマ画像を表示させれる「Panoramix Image」前のページ

カスタマイズしやすいツールチップ実装「jQuery Tooltip Basic」次のページjQuery Tooltip Basic

関連記事

  1. jCalculator

    JavaScript

    jQueryプラグインで電卓を実装できる「jCalculator」

    jCalculatorというjQueryプラグインを使えば入力フィール…

  2. Jquery progress indicator on page scroll
  3. jQuery Accordion
  4. RefineSlide

    JavaScript

    多数のエフェクトが素敵!レスポンシブ対応のjQueryスライダー「RefineSlide」

    多数のエフェクトがあってレスポンシブWebデザインにも対応しているスラ…

  5. HC Sticky

    JavaScript

    スクロールしても要素を固定できるJSライブラリ「HC Sticky」

    HC Stickyはスクロールした時に特定の要素を固定したまま表示でき…

  6. Simple Lightbox

最近の記事

  1. 有栖川公園
  2. グーディオ オーガニックチョコレート(ミント)
  3. チキンバターマサラとシュリンプバターマサラ
  4. 恵比寿のダ・ミケーレのピザ
  5. ハムエッグホットサンドとドリップコーヒー

アーカイブ

PAGE TOP