The jQuery provides LogosDistort plugin which helps in creating or animating a parallax environment for 3D scenes in the user browser. It uses full-page matrix3D perspective logos distortions for transforming base on mouse movement.
You have to download the required files in the working folder so that the programmer can include in the head section of the HTML structure page as implemented in the following programs.
Download link: https://github.com/hellsan631/LogosDistort
Example 1: The following example shows the basic logosDistort() method of the plugin.
Example 2: The following example shows few options setting for the logosDistort() method. The programmer can set the options depending on the requirement of the application for the visual effect.
Example 3: The following example shows multiple cards shown in the same page with logosDistort effect.
Example 4: The following example shows distortion background with fixed login screen for user.
- jQuery GMaps Plugin
- jQuery Highcharts Plugin
- jQuery | Mask Plugin
- jQuery | Flickerplate Plugin
- jQuery | Filer Plugin
- jQuery | Alertify Plugin
- jQuery | Multiscroll Plugin
- jQuery | DrawSVG Plugin
- jQuery | menu-aim plugin
- jQuery | table2excel Plugin
- jQuery | Tagsort Plugin
- jQuery | CLNDR Plugin
- jQuery | RowGrid Plugin
- How to create a jQuery plugin with methods?
- How to check if a jQuery plugin is loaded?
- jQuery | Flipping Gallery Plugin
- jQuery | Product Tour Plugin
- jQuery | Page Piling Plugin
- jQuery | Vertical Dot Navigation Plugin
- How to upload files using jQuery Dropzone Plugin ?
If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to firstname.lastname@example.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.
Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.