Enllax.jsは軽量で使い方も簡単なパララックスエフェクトを実装することができるjQueryプラグインです。異なるスクロールエフェクトを利用してサイトに視差効果を取り入れて立体的に見せたい時なんかに活用したいですね。
Enllax.js
Enllax.jsの実際のデモは以下になります。
設置されたダイナミックな背景画像がとてもインパクトありますね。背景だけではなく、前景にも画像を持ってくることができるのがおもしろいと思います。
こんな感じで、typeにbackgroundを指定すると背景に、foregroundを指定すると前景にすることができます。スクロールスピードはratioの値で調節可能です。
$(window).enllax({
type: 'background',
ratio: 0.5
});
シンプルでプラグイン自体も軽量なのでスマホなどのモバイルとも相性がよさそうですね。Enllax.jsの詳しい使い方やダウンロードは以下からどうぞ。
