parallax-shapes

parallax scrolling shapes

Usage no npm install needed!

<script type="module">
  import parallaxShapes from 'https://cdn.skypack.dev/parallax-shapes';
</script>

README

parallax-shapes

Parallax-shapes creates a specific number of in a given box. The shapes are randomly positioned and you can give as much css-classes as parameter as you want. This classes are added randomly to the shapes. Check this demo

Usage

var parallaxShapesBG = new ParallaxShapes({
    parent: document.getElementById('shapes'),
    shapeLength: 200,
    classes: [
        'ellipse',
        'rect',
        'triangle'
    ]
});

More examples and improvements coming soon.

Author Christian Heyn