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

Animation
File Size: 4.56 KB
Views Total: 592 views
Last Update:December 19, 2019
Publish Date: June 12, 2018
Official Website: Go to website
License: MIT
Plugin Author: MorenoDD
Demo    Download

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

List Of Version :

Mady

Mady Schaferhoff is an expert jQuery script at jQuerypost. He offers web development services to clients globally. He also loves sharing Html,CSS, jQuery knowledge through blog posts like this one.