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. footerMenu

    JavaScript

    スクロールでフッターメニューを表示させる「footerMenu」

    footerMenuはスクロールするとフッターメニューを表示させること…

  2. Changing Background Color while scrolling
  3. no-image

    JavaScript

    スライダータイプの質問フォーム実装「jquery.formslider」

    jquery.formsliderはスライダータイプによる質問フォーム…

  4. Albumize

    JavaScript

    アルバムみたいな画像コレクションのギャラリーを管理・実装できるjQueryプラグイン「Albumiz…

    Webページにある画像コレクションをアルバムのようなギャラリーに管理・…

  5. jQuery Notebook

最近の記事

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

アーカイブ

PAGE TOP