layer" data-depth="2.4

layer" data-depth="0.5

layer" data-depth="0.1
layer" data-depth="4

Инициализация

<script type="text/javascript" src="files/js/parallax.js"></script>

 <script>

$('.scene').parallax({
   invertX: true,
    invertY: false,

    scalarX: 10,

    frictionY:0 // Вертикальный паралакс

});

</script>

Инициализация

<script type="text/javascript" src="files/js/rellax.min.js"></script>

 <script>

    var rellax = new Rellax('.rellax',{
    center:true,
    relativeInput: true
});

</script>

rellax" data-rellax-speed="-5

rellax" data-rellax-speed="5

rellax" data-rellax-speed="2

rellax" data-rellax-speed="-3

Паралакс

Инициализация

<script type="text/javascript" src="files/js/ukiyo.min.js"></script>

 <script>

   const images = document.querySelectorAll(".ukiyo");
   images.forEach(image => {
   new Ukiyo(image, {
   speed: 2,
   scale: 1.25
    });
});

</script>