RELLAX

JavaScript

超軽量で滑らかなパララックスを実装できるライブラリ「RELLAX」

RELLAXは、滑らかなパララックスを実装できるバニラJavaScriptによるライブラリです。ファイル容量が超軽量なので、サクサク動作するパララックスを自サイトに取り入れたいときに活用したいですね。マークアップ、使い方ともにシンプルなところもグッドです。

シンプルな使い方でスピード調節もできる

デモ

スクロールしていくと、滑らに動作するパララックスを確認できるはずです。テキスト、数値、図形などが、メインコンテンツとは異なる速さでスクロールしていきます。

Webサイト内で奥行感や立体感、浮遊感といった視覚効果を表現したいならピッタリの機能ですね。マークアップもカンタンなので、手軽に利用できるのではないでしょうか?

また、オプションではスピードの設定が可能です。スピードの指定できる値の範囲は「10 〜 -10」の間です。data-rellax-speedという項目で設定できます。ちなみにデフォルトのスピードの値は「-4」とのこと。

スピードの強さを調節しながら、実装するサイトの雰囲気にあわせてカスタマイズできるのがいいですね。

ファイル容量がかなり軽量なので、たくさんの機能やオプションが用意されているわけではありませんが、シンプルにサクサク動作するパララックスを求めている人には、使いやすいライブラリになるはずです。

RELLAX

関連記事

  1. JavaScript

    シンプルでスタイリッシュなLightbox風のjQueryプラグイン「Featherlight」

    シンプルでスタイリッシュなデザインが特徴的なLightbox風のjQu…

  2. DateTime Picker

    JavaScript

    レスポンシブでフラットデザインの「DateTime Picker」

    DateTime Pickerはレスポンシブ対応のフラットデザインによ…

  3. JavaScript

    画像にマウスオーバーするとズームして綺麗にエフェクトがかかるjQueryプラグイン「Swish」

    画像にマウスオーバーをするとズームして綺麗なオーバーレイのエフェクトが…

  4. infiniteSlider2.js
  5. SPOILER ALERT!

    JavaScript

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

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

  6. jsPanel

    JavaScript

    高度なセッティングができるフローティングパネルやモーダルウィンドウ実装「jsPanel」

    jsPanelは高度なセッティングができるフローティングパネル、モーダ…

最近の記事

  1. Olli
  2. 単語帳メーカー(Flashcard Maker App)
  3. 1Password 7
  4. 風に揺れる草

Facebookページ

PAGE TOP