📜  Semantic-UI 图标集手和手势

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

Semantic-UI 图标集手和手势

Semantic UI 是一个开源开发框架,它提供预定义的类,使我们的网站看起来漂亮、令人惊叹且响应迅速。它类似于具有预定义类的 Bootstrap。它使用 jQuery 和 CSS 来创建接口。它也可以像 bootstrap 一样通过 CDN 直接使用。 Semantic UI 为用户提供了各种图标,可用于不同的目的,并具有漂亮的用户界面。图标比文字表示为网站增添了更多美感。在这篇文章中,让我们看看手和手势的图标集。 Semantic UI 为手和手势提供了一些最常用的图标类。

语义 UI 图标集手和手势类:

  • 手蜥蜴:这个类用于显示手蜥蜴图标。
  • 手蜥轮廓:该类用于显示手蜥轮廓图标。
  • 手纸:该类用于显示手纸图标。
  • 手纸轮廓:该类用于显示手纸轮廓图标。
  • 手和平:这个类用于显示手和平图标。
  • 手和平轮廓:该类用于显示手和平轮廓图标。
  • hand point down:这个类用于显示hand point down图标。
  • hand point down outline:这个类用于显示hand point down outline图标。
  • hand point left:该类用于显示手点左图标。
  • 手点左轮廓:该类用于显示手点左轮廓图标。
  • hand point right:这个类用于显示hand point right icon。
  • 手点右轮廓:该类用于显示手点右轮廓图标。
  • hand point up:这个类用于显示hand point up icon。
  • hand point up outline:这个类用于显示hand point up outline图标。
  • 手形指针:该类用于显示手形指针图标。
  • 手形指针轮廓:该类用于显示手形指针轮廓图标。
  • 手摇:该类用于显示手摇图标。
  • 手石轮廓:该类用于显示手石轮廓图标。
  • hand scissors:该类用于显示手剪图标。
  • hand scissors outline :该类用于显示手剪轮廓图标。
  • hand Spock:该类用于显示手 Spock 图标。
  • 手 Spock 轮廓:该类用于显示手 Spock 轮廓图标。
  • 握手:该类用于显示握手图标。
  • 握手轮廓:该类用于显示握手轮廓图标。
  • thumbs down:这个类用于显示拇指向下图标。
  • thumbs down outline:此类用于显示拇指向下轮廓图标。
  • thumbs-up:这个类用于显示大拇指图标。
  • 竖起大拇指大纲:此类用于显示竖起大拇指大纲图标。

句法:

示例 1:此代码演示了所有手和手势设置类。

HTML


  

    
    
    

  

    
        

GeeksforGeeks

                     Semantic-UI Icon Set Hands and Gestures                  
        
           
               
                
                                        
                
                                     
                   
                                     
                   
                                     
                   
                                     
                   
                                     
                   
                                     
                   
                                     
                   
                                     
                
                                     
                
                                     
                   
                                     
                   
                                     
                   
                                     
                   
                                     
                   
                                     
                   
                                     
                   
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
                
                                     
               
        
    
  


HTML


  

    
    
    

  

    
        

GeeksforGeeks

                     Semantic-UI Icon Set Hands and Gestures                  
        
           
               
                
                   Like                 
                                   157                                
              
                
                   Like                 
                                  34                                
        
    
  


输出:

示例 2:此代码演示了手和手势图标集类的示例。

HTML



  

    
    
    

  

    
        

GeeksforGeeks

                     Semantic-UI Icon Set Hands and Gestures                  
        
           
               
                
                   Like                 
                                   157                                
              
                
                   Like                 
                                  34                                
        
    
  

输出:

参考: https://semantic-ui.com/elements/icon.html#hands–gestures