Enllax.js

JavaScript

軽量で簡単なパララックスを実装できるjQueryプラグイン「Enllax.js」

Enllax.jsは軽量で使い方も簡単なパララックスエフェクトを実装することができるjQueryプラグインです。異なるスクロールエフェクトを利用してサイトに視差効果を取り入れて立体的に見せたい時なんかに活用したいですね。

Enllax.js

デモ

設置されたダイナミックな背景画像がとてもインパクトありますね。背景だけではなく、前景にも画像を持ってくることができるのがおもしろいと思います。

こんな感じで、typeにbackgroundを指定すると背景に、foregroundを指定すると前景にすることができます。スクロールスピードはratioの値で調節可能です。

$(window).enllax({
    type: 'background',
    ratio: 0.5
});

Enllax.js

関連記事

  1. BookBlock Revised
  2. JavaScript

    レスポンシブに対応したビフォーアフター画像を実装できる「before-after.js」

    before-after.jsはシンプルでレスポンシブに対応したビフォ…

  3. Hero slider

    JavaScript

    レスポンシブで横幅フルサイズのスライダーを実装できる「Hero slider」

    Hero sliderはレスポンシブに対応した横幅フルサイズのスライダ…

  4. jquery.adaptive-backgrounds.js
  5. TOAST UI Chart

    JavaScript

    多彩なチャートを描画できる「TOAST UI Chart」

    TOAST UI Chartは多彩なチャートをWebページに描画できる…

  6. stickyNavbar.js

最近の記事

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

アーカイブ

PAGE TOP