📜  jQuery |徽标扭曲插件

📅  最后修改于: 2022-05-13 01:56:01.389000             🧑  作者: Mango

jQuery |徽标扭曲插件

jQuery 提供了LogosDistort插件,它有助于在用户浏览器中为 3D 场景创建或动画视差环境。它使用整页 matrix3D 透视徽标失真来根据鼠标移动进行转换。

您必须在工作文件夹中下载所需的文件,以便程序员可以将其包含在 HTML 结构页面的头部部分,如在以下程序中实现的那样。
下载链接: https://github.com/hellsan631/LogosDistort

示例 1:以下示例显示了插件的基本 logosDistort() 方法。




    jQuery Logos Distortion Plugin
    
    
    
      
    
    
    



  

GeeksForGeeks

  jQuery Logos Distortion Plugin   

  
      bgImage                 
       

输出:

示例 2:以下示例显示了logosDistort()方法的几个选项设置。程序员可以根据应用程序对视觉效果的要求来设置选项。






    jQuery Logos Perspective Distortion
    
    
    


    

GeeksForGeeks

    jQuery Logos distortion   
    background          
              
    
         
  

输出:

示例 3:以下示例显示了在同一页面中显示的具有logosDistort效果的多张卡片。




    Logos Perspective Distortion 
    
    
        
      
    
    
    



  

GeeksForGeeks

  Logo Distortion Plugin   

  
    
        background         ui            
    
        background         ui            
         
        background         ui     
    
         background          ui     
       
         background         ui      
    
         background          ui      
            
        

输出:

示例 4:以下示例显示了带有固定用户登录屏幕的失真背景。




    Logos Perspective Distortion 
    
    
    
      
   
   
   



   
  
       
     
       bgImage                
     

输出: