jQuery Plugin To Create Smooth Parallax Elements - Plaxmove

File Size: 17.4 KB
Views Total: 1844
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin To Create Smooth Parallax Elements - Plaxmove

jQuery Plaxmove is a lightweight jQuery plugin designed for creating smooth parallax elements using JavaScript and CSS3 transitions.

How to use it:

1. Create a parallax moving element that reacts to your cursor.

<div class="plaxlayer"></div>

2. Style the parallax element.

.plaxlayer {
  position: absolute;
  top: 200px;
  left: 300px;
  width: 200px;
  height: 200px;
  background: purple;
  opacity: 0.3;
  transition: 200ms ease;
}

3. Load jQuery library and the jQuery Plaxmove plugin in the document.

<script src="path/to/jquery.min.js"></script>
<script src="path/to/plaxmove.js"></script>

4. Enable the parallax effect on the element.

$('.plaxlayer').plaxmove();

This awesome jQuery plugin is developed by ishaba. For more Advanced Usages, please check the demo page or visit the official website.