Load the slizer.js script within the doc.

<script src="/Slizer.js"></script>

Add a background picture to your container.

<div id="example"></div>

#example {
  background-image:  url("panorama.jpg");
}

Attach the Slizer to the background picture.

const object = document.getElementById("example");
const slized = new Slizer(object);

Set the path of scrolling. Default: ‘h’ (horizontal).

const slized = new Slizer(object, {
      Direction : 'v'
});

Set the velocity of scrolling.

const slized = new Slizer(object, 
      RoundInterval : 100,
      PixelPerRound : 1
);

Decide whether or not or to not use default background kinds. Default: false.

• backgroundRepeat: reapeat
• backgroundAttachment: fixed
• backgroundPosition: 0 0

const slized = new Slizer(object, );

Create Animated Background | How to Make a Moving Background | Moving Background Image Javascript | slizer.js Github, moving background image css, animated background for website

See Demo And Download