vue-prlxを使ってさくっとパララックス体験をしてみる | フロントエンドBlog | ミツエーリンクス

今回は、Vue.jsで簡単にパララックス体験ができるプラグイン「vue-prlx」をご紹介します。 vue-prlxとは 指定の要素にパララックス効果を追加できるVue.jsプラグインです。 v-prlxディレクティブを追加することによりtranslateおよびbackground-positionによるアニメーションが可能になります。 インストール npmもしくはcdnからインストールできます。 npm プロジェクトディレクトリで下記のコマンドを実行します。 npm i vue-prlx その後、所定のファイルに下記コードを記述します。 import VuePrlx from 'vue-prlx' Vue.use(VuePrlx); cdn <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script> <