1. vue-js-parallax-component

vue-js-parallax-component

A component creating a parallax effect on an image within a container

Install

npm install --save-dev vue-js-parallax-component

Usage

 import VueParallax from "vue-js-parallax-component";

export default {
  components: { VueParallax }
};
 <vue-parallax image="https://via.placeholder.com/1280x400.png">
  <span>Optional content</span>
</vue-parallax>

Properties

Property Type default Description
image string (Required) The image used for the parallax effect
intensity number 15 Intensity of the parallax effect ( 20 is highest )