Folder Preview Ideas

JavaScript

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

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

Folder Preview Ideas

デモ

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

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

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

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

Folder Preview Ideas

関連記事

  1. Tiny slider
  2. jquery.simple-scroll-follow
  3. AnimateScroll

    JavaScript

    面白いエフェクトのページ内スクロールを実装できるjQueryプラグイン「AnimateScroll」…

    ページの任意の場所にスクロールできるjQueryプラグイン「Anima…

  4. JS Form Validator

    JavaScript

    HTMLフォームの検証を簡単に実装できる「JS Form Validator」

    JS Form ValidatorはHTMLフォームの検証を簡単に実装…

  5. no-image

    JavaScript

    水平スクロールができることを示唆してくれる「ScrollHint」

    ScrollHintは水平スクロールができることをポインタアイコンを使…

  6. jQuery Floating Social Share

最近の記事

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

アーカイブ

PAGE TOP