Responsive 3d Fold Scroll

JavaScript

立体的に折りたたまれていくスクロール実装のjQueryプラグイン「Responsive 3d Fold Scroll」

Responsive 3d Fold Scrollは立体的に折りたたんでいくようなスクロールを実装することができるjQueryプラグインです。レスポンシブになっているのでスマホでスクロールする際にも同様の3D効果を得ることができます。

Responsive 3d Fold Scroll

デモ

下へスクロールをしていくとコンテンツごとに真ん中から折りたたまれていきます。めずらしいスクロールなのでユーザーの印象に残りやすいページを作ることができそうですね。

こんな感じでシンプルにセッティングできます。

$(document).ready(function() {
    var fold = $.fn.responsive_3dfoldscroll({
        animationLength : 1500
    });
});

一般的なスクロールじゃ物足りないという方は是非チェックしてみてはいかがでしょうか?

Responsive 3d Fold Scroll

Macのプレビューで画像を回転Macのプレビューで画像を時計周り・反時計周りに回転して保存する方法前のページ

美しいフェードでテキストが徐々に表示されていく「Letter by Letter JS」次のページLetter by Letter JS

関連記事

  1. FREVR

    JavaScript

    シンプルな無限スクロールを実装できるjQueryプラグイン「FREVR」

    FREVRはシンプルで軽量な無限スクロールの機能を実装することができる…

  2. Art Text Light jQuery plugin

    JavaScript

    テキストに光が移動するエフェクトを与えることができる「Art Text Light jQuery p…

    指定したテキストに光が移動するエフェクトを与えることができるjQuer…

  3. Popper.js

    JavaScript

    軽量で見やすいツールチップを実装できる「Popper.js」

    Popper.jsはユーザーにとって見やすいツールチップを実装できるJ…

  4. Viewer

    JavaScript

    画像の拡大や縮小、回転などができるイメージギャラリー「Viewer」

    Viewerは画像の拡大や縮小、回転、上下左右の切り替えといった機能を…

  5. no-image

    JavaScript

    グリッドレイアウトによるシンプルで軽量なギャラリー「Grid Gallery」

    Grid Galleryはグリッドレイアウトによるシンプルで軽量なイメ…

  6. no-image

    JavaScript

    シンプルでエレガントなモーダルボックスを実装できる「Fallr.js」

    Fallr.jsはシンプルでエレガントなモーダルボックスを実装できるj…

最近の記事

  1. CAR-HLD12BK
  2. OWL-LPB6701LA
  3. cheero Power Mountain mini 30000mAh CHE-110

アーカイブ

PAGE TOP