エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
モダンアニメーションのパララックス(視差効果)背景のライブラリを作った
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
モダンアニメーションのパララックス(視差効果)背景のライブラリを作った
背景のパララックスは比較的モダンなサイトでよく見られる表現です。画像はもちろん背景や画面を大きく... 背景のパララックスは比較的モダンなサイトでよく見られる表現です。画像はもちろん背景や画面を大きく使ったビジュアルに使うことによって効果的なスクロール表現を実現することができます。 しかしちょっとした実装としては意外と面倒で、既存のライブラリを使ってもいまいちかゆいところに手が届かない印象です。(例えば、locomotive-scrollは有能だけど背景パララックスだけのために導入するにはめんどくさい、simpleParallaxは要素ごとのパラメータの設定がライブラリだけだとできないなど…) 他のライブラリでも今まで使っていたものでは背景パララックスだけに特化したものはあまりなく、設定や構築をひと手間加えて実装する必要がありました。アニメーションや細かな処理が今ひとつであったり、画像ごとに設定ができなかったり、パフォーマンスの面で改善できたり……など多くの不便を感じでいました。なので今回は