HTML5 add a very cool picture 3D background visual difference effect Plugin Tutorial

First, installation
Bower Install Logos-distort

Ii. Methods of Use
<link href= "Assets/css/perspectiverules.css" rel= "stylesheet"/>
<script src= "Js/1.11.0/jquery.min.js" ></script>
<script src= "Assets/js/jquery.logosdistort.min.js" ></script>

Third, HTML structure
<div id= "Demo1" >

<div id= "Particle-target" ></div>

</div>

Iv. Calling plug-ins
$ ("#demo1"). Logosdistort ();


Five, configuration parameters
Enable:true,
Effectweight:1,
Enablesmoothing:true,
Smoothingmultiplier:1,
Activeonlyinside:false,
outerbuffer:1.10,
elementdepth:140,
Directions: [1, 1, 1, 1,-1,-1, 1, 1],
Weights: [0.0000310, 0.0001800, 0.0000164, 0.0000019, 0.0001200],
Container:window,
Cssclasses: {
Smartcontainer: "Ld-smart-container",
Overlapcontainer: "Ld-overlap-container",
Parent3d: "Ld-3d-parent",
Transformtarget: "Ld-transform-target",
Active: "Ld-transform-active",
Object3d: "Ld-3d-object"
},
Oninit:function () {},
Ondestroy:function () {}

The Keymob Mobile advertising platform provides Android and iOS app developers with free mobile ad optimization tools designed to help app developers maximize ad revenue and provide advertisers with the main advertising services associated with mobile devices.

HTML5 add a very cool picture 3D background visual difference effect Plugin Tutorial