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 | Page Piling Plugin
- jQuery | Mask Plugin
- How to create a jQuery plugin with methods?
- jQuery | Multiscroll Plugin
- jQuery | DrawSVG Plugin
- jQuery | Product Tour Plugin
- jQuery | Alertify Plugin
- jQuery | Flickerplate Plugin
- jQuery | menu-aim plugin
- jQuery | Tagsort Plugin
- jQuery | RowGrid Plugin
- jQuery | Filer Plugin
- jQuery | Flipping Gallery Plugin
- jQuery | Vertical Dot Navigation Plugin
- jQuery | table2excel Plugin
- jQuery | CLNDR Plugin
- How to check if a jQuery plugin is loaded?
- jQuery Highcharts Plugin
- jQuery GMaps Plugin
- How to use the Magnific Popup jQuery 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.