JavaScript

3Dエフェクトが凄い!スクロールで傾いてくるjQueryプラグイン「JQuery Tilted Page Scroll」

JQuery Tilted Page ScrollというjQueryプラグインがおもしろかったのでご紹介します。3Dエフェクトを活用した動きが特徴的で、スクロールしていくと傾いてきます。言葉では伝えづらい部分があるので、気になる方は実際のデモを確認してみて下さい。

[ads_center]

JQuery Tilted Page Scroll

JQuery Tilted Page Scroll

このような通常の形をした画像が。

JQuery Tilted Page Scroll

スクロールしていくとこんな感じで傾いてきます。おもしろいですね。

実際のデモはレスポンシブにも対応しています。

JQuery Tilted Page Scroll

Relocator画像にマウスオーバーでタイトルがスライド表示するギャラリーを実装できるjQueryプラグイン「Relocator」前のページ

手軽にノイズテクスチャの画像を作成できるツール「Noise Texture」次のページNoise Texture

関連記事

  1. stickUp2

    JavaScript

    スクロールしてもついてくるスティッキー実装「stickUp2」

    stickUp2はスクロールしてもついてくるシンプルなスティッキーを実…

  2. no-image

    JavaScript

    タッチ対応のドロワーコンポーネント「hy-drawer」

    hy-drawerはタッチに対応したドロワーコンポーネントです。And…

  3. Quill

    JavaScript

    高機能なWYSIWYGエディタを実装できる「Quill」

    Quillは豊富なAPIとカスタマイズ性に優れた高機能なWYSIWYG…

  4. Lobibox

    JavaScript

    レスポンシブなメッセージを通知できる「Lobibox」

    Lobiboxはレスポンシブなメッセージボックスを通知できるjQuer…

  5. jquery.xtr

    JavaScript

    クライアントサイドで変換してくれる「jquery.xtr」

    jquery.xtrはページのリフレッシュなしにクライアントアイドでテ…

  6. Stepper.js

    JavaScript

    数値を手軽にアップ・ダウンできるステッパーを実装できる「Stepper.js」

    Stepper.jsは数値入力ボックスでの数値を手軽にアップ・ダウンで…

最近の記事

  1. 濃いアーモンドミルク
  2. COMOLI ベタシャンプルオーバーシャツ
  3. ユニクロ エアリズム マイクロメッシュVネックT(半袖)
  4. ライオン システマ 超コンパクト ふつう
  5. タリーズ ハムチーズ&サラダサンド

アーカイブ

PAGE TOP