スクロールするのが楽しくなる【skrollr.js】を紹介します。 単調になりがちなシングルホームページに変化を! パララックス、スライドなど、スクロール時のエフェクトを効果的に入れることで、飽きのこないWEBページをつくりませんか? 今回はskrollr.jsのサンプルページから、すぐに使えそうなものをご紹介したいと思います。 導入が少し難しいので、HP作成に慣れてきてから試してくださいね! それでは、デモページをご覧ください。 デモページは、こちら ↓デモページのサンプルコードは以下となります。 ▼HTML <!--【デモ1】--> <div id="intro" data-0="opacity:1;top:3%;transform:rotate(0deg);transform-origin:0 0;" data-500="opacity:0;top:-10%;transform:ro