ビューポートなどで要素の可視性を検出できる「Emergence.js」
ビューポートまたは指定したエリアでの要素の可視化を検出することができる「Emergence.js」の紹介です。要素がエリアに入った時にアニメーションを開始させるなど、いろいろと応用が利きそうなスクリプトでです。
Emergence.js
-
陽炎のようなエフェクトを実装できる「Animated Heat Distortion Effects with WebGL」
-
水中の歪みを表現したエフェクトが気持ちいい「Liquid Distortion Effects」
-
非レスポンシブの要素をレスポンシブ化する「Reframe.js」
-
背景にスクロールアニメーションを実装できる「Physics-Based Background Scroll Effects」
-
グラデーションのアニメーションを実装できる「Granim.js」
RELATED POSTS
無料で使用できる！450種類以上のラインアイコン「LineIcons」
500種類以上のアイコンフォントとCSSのツールキット「Fontisto」
水中の歪みを表現したエフェクトが気持ちいい「Liquid Distortion Effects」
【jQuery】スクロールに合わせて要素を切り替える「Midnight.js」
【jQuery】Youtubeの動画サムネイルをアニメーション表示させる「PreViewTube.js」
CSSをショートハンドに書き換えてくれる「SHRTHND」
