Snake Parallax

A jquery plugin that creates a simple, clean, and powerfull parallax effect.

Download Snake.Parallax.js

Github

No coding skills needed

No matter if you are a beginner or an advanced developer, integrating Snake Parallax is easy.

No css needed

Snake Parallax imports its style directly from the javascript file. You have nothing to add in your own css file

Fully Responsive

From the monitor to the smallest smartphone, Snake Parallax adapts to the size of your device.

Installation

Include Snake.Parallax.js file in the head tag, call the plugin, and add the attribute snak-parallax="hero" in your hero section. Cheers!

<head>
// JQuery
<script src="https://code.jquery.com/jquery-3.4.1.min.js">
// Snake.Parallax.js
<script src="YOUR_PATH/snake.parallax.js">
// Call the plugin
<script>
$(window, document).SnakeParallax({
backgroundImage: "url('YOUR_PATH/YOUR_IMAGE.jpg')"
});
</script>
</head>
<body>
// YOUR HERO SECTION
<section class="SOME_CLASS" snake-parallax="hero">
// YOUR CONTENT
</section>
</body>