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. SPOILER ALERT!

    JavaScript

    画像やテキストにボカシを入れることができるjQueryプラグイン「SPOILER ALERT!」

    画像やテキストといった部分にボカシを入れることができるjQueryプラ…

  2. scrollama.js

    JavaScript

    スクロールイベントを実装できるモダンで軽量なJSライブラリ「scrollama.js」

    scrollama.jsは、スクロールイベントを実装することができるモ…

  3. infiniteSlider2.js
  4. Stepper.js

    JavaScript

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

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

  5. Inspiration for Letter Effects

    JavaScript

    印象的なテキストエフェクトを実装する「Inspiration for Letter Effects」…

    anime.jsを活用した、印象的でとってもかっこいいテキストエフェク…

  6. TabbedContent

最近の記事

  1. Happy Plugs AIR1
  2. cheero Stream 10000mAh
  3. BOSE HOME SPEAKER 300
  4. RP-PC112
  5. SRS-XB402M

アーカイブ

PAGE TOP