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

Animation
Add A Skew Effect To Elements On Scroll - jQuery mdSkew
File Size: 4.56 KB
Views Total: 1607 views
Last Update:January 1, 1970
Publish Date: January 20, 2022
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

Thanks for make jQuery plugin is developed by MorenoDD For more Helpfull for users, please check the demo page or visit the official website.

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.