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. ドリップコーヒー
  2. コールドブリューコーヒー
  3. カマキリ
  4. チキンサブジ
  5. trolox(トロロックス)
PAGE TOP