nanzaburo https://blog.hatena.ne.jp/nanzaburo/ web front end engineer https://nanzaburo.hatenablog.com/ jQuery/Vanilla Javascript Luxy.jsの基本的な設定 読み込み HTMLの記述 パララックス効果の速度や方向の設定 視差効果の速度の設定 水平方向に移動 オフセット設定 ななめに動かす Luxyサンプル 今回はVanilla JavascriptのパララックスプラグインLuxy.jsをご紹介します。 普通パララックス効果って縦か横のイメージでしたが簡単なタグの属性設定で斜めにも動けることが発覚しました！ 設定はjqueryに依存しないうえに3行コピペでOKのシンプルさです。 Luxy.jsの基本的な設定 公式サイト：Luxy.jsGitHubより「Code」ボタンから「DownloadZip」を選択します。luxy.… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fnanzaburo.hatenablog.com%2Fentry%2Fluxyjs%2F" title="縦横斜めに動く簡単パララックスLuxy.js - web front end engineer" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/n/nanzaburo/20230302/20230302142236.jpg Hatena Blog https://hatena.blog 2022-04-04 14:31:36 rich https://nanzaburo.hatenablog.com/entry/luxyjs/ 1.0 100%