A Skew Effect Page On Scroll With jQuery – mdSkew.js

A Free jQuery Plugin with mdSkew.js is a truly basic jQuery module that applies a configurable, CSS3 based slant impact to any DOM components when looking down/up the site page. Effectively add a super-cool slant impact while looking over your site.
Fueled by CSS3 advances and changes.

How to use this plugin.

 Add the both jQuery library (slim build) and the mdSkew.js script at the end of the webpage.

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="jquery.mdSkew.min.js"></script>

Call the function on the target elements and the plugin will do the rest.

<h1 data-md-skew>jQuery</h1>
 
<h1 data-md-skew>Post</h1>
  
<h1 data-md-skew>.com</h1>

$(function(){

  $('[data-md-skew]').mdSkew();

});

 Specify the min/max degrees for the skew effect.

$('[data-md-skew]').mdSkew({
  min: 0,
  max: 5
});

Adjust the animation speed.

$('[data-md-skew]').mdSkew({
  speed: 1 // 0 - 1
});

Done