• Popular
  • Category
  • Tags
  • アーカイブ

News

follow us in feedly
Toggle

パララックス

スクロールに合わせて画像が徐々にぼやけていくエフェクトを施す方法

スクロールに合わせて画像が徐々にぼやけていくエフェクトを施す方法

Webページ内に画像を表示して、スクロールに合わせて徐々にその画像をぼかしていく効果を施すサンプルコードをご紹介します。 このサンプルではjQueryを使用して、1枚の画像だけでなく、ページ内にトリガーとなる画像が複数ある場合でもスクロールして可視エリアから外れるにつれて、それぞれの画像が徐々にぼやけていくようにしてい…
パララックス対応WordPressテーマ「Macchiato」デモサイトオープン!

パララックス対応WordPressテーマ「Macchiato」デモサイトオープン!

弊社で提供中のWordPressテンプレートシリーズ「DigiPress」の新作テーマとなる「Macchiato」のデモサイトを公開しました。 今回のテーマでは、ページをスクロールすることで視差効果を得られるパララックススクロールページを簡単に作成できる機能が大きな特徴となります。 パララックス対応テーマは他にもありま…
スクロールして要素を個別にアニメーション表示しパララックスにも使える「scrollReveal.js」

スクロールして要素を個別にアニメーション表示しパララックスにも使える「scrollReveal.js」

2、3年前に流行り初めた、Webページをスクロールすることで背景や各要素がアニメーションしながら表示されたり、視差効果を伴って現れる、「パララックス」デザイン。 パララックス効果やスクロールアニメーションを実現できるモジュールはいくつかあるのですが、その中でも「scrollReveal.js」は軽量かつ単体で利用可能で…
Return Top