ビューポートなどで要素の可視性を検出できる「Emergence.js」

 
ビューポートまたは指定したエリアでの要素の可視化を検出することができる「Emergence.js」の紹介です。要素がエリアに入った時にアニメーションを開始させるなど、いろいろと応用が利きそうなスクリプトでです。

Emergence.js


  • vue.jsを使用したプロジェクトをまとめたサイト「made with vue.js」
  • 動きのあるバブルを背景に設定することができる「bubbly-bg」
  • anime.jsを使用したテキストエフェクト集「Moving Letters」
  • スクロール連動のエフェクトを実装できるライブラリ「AOS」
  • 波の動きの背景を作成することができる「Wavie.js」
RELATED POSTS
  • SVGの背景パターンを手軽に作れるジェネレーター「SVG Backgrounds」
  • CSSで作成する吹き出しとデザインのアイデア
  • CSSで出力する三角形ジェネレーター「CSS Triangle Generator」
  • 【jQuery】画像のドミナントカラーを背景色にする「jquery.adaptive-backgrounds.js」
  • 陽炎のようなエフェクトを実装できる「Animated Heat Distortion Effects with WebGL」
  • 【jQuery】動画を背景にフルスクリーンで表示させる「covervid.js」
RECENT POSTS
  • 背景や区切り線などを簡単に装飾できるCSSライブラリ「pattern.css」
  • セクションの区切りをデザインできる「CSS Section Separator Generator」
  • 動画やアニメーションgifの背景を自動で消去してくれる「Unscreen」
  • ポップなイラストをダウンロードできる「Download 80 free illustrations」
  • hulu (フールー)で観れるおすすめの海外ドラマ・国内ドラマ【2020年3月版】
  • パーツを組み合わせてイラストを作成できる「Open Peeps」
  • 無料で使用できるポップなフリーイラスト「illlustrations」
  • 宮崎県小林市が提供するお肉のフリー素材サイト「oniku images」