inviewサンプル
jsフォルダのjquery.inview_set.jsや、cssで内容の変更や追加ができます。
以下のデモは画像に対して設定していますが、sectionブロックなど画像以外にももちろん適用できます。
▼ upスタイル
使いたい要素にclass="up"を指定すれば以下のような動作になります。
▼ downスタイル
使いたい要素にclass="down"を指定すれば以下のような動作になります。
▼ transform1スタイル
使いたい要素にclass="transform1"を指定すれば以下のような動作になります。
▼ transform2スタイル
使いたい要素にclass="transform2"を指定すれば以下のような動作になります。
▼ transform3スタイル
使いたい要素にclass="transform3"を指定すれば以下のような動作になります。
▼ blurスタイル
使いたい要素にclass="blur"を指定すれば以下のような動作になります。