Folder Preview Ideas

JavaScript

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

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

Folder Preview Ideas

デモ

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

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

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

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

Folder Preview Ideas

関連記事

  1. radialIndicator

    JavaScript

    シンプルな円形のインジケーターを実装できるjQueryプラグイン「radialIndicator」

    radialIndicatorはシンプルで美しい円形のインジケーターを…

  2. pixelate.js
  3. no-image

    JavaScript

    縦スクロールによるフォトギャラリー実装「Simple Scroll Gallery」

    Simple Scroll Galleryは縦スクロールによるかっこい…

  4. plainModal

    JavaScript

    カスタマイズ性が高いシンプルなモーダルウィンドウのjQueryプラグイン「plainModal」

    plainModalはシンプルでカスタマイズ性が高いモーダルウィンドウ…

  5. Custom jQuery Lightbox

    JavaScript

    デザインや使い方がシンプルな「Custom jQuery Lightbox」

    Custom jQuery Lightboxはデザインや使い方がシンプ…

  6. no-image

    JavaScript

    レスポンシブ対応の軽量・コンパクトでシンプルなモーダルボックス「Modelo」

    Modeloは軽量・コンパクトなモーダルボックスを実装できるjQuer…

最近の記事

  1. M360bt

アーカイブ

PAGE TOP