语义-UI 图标翻转变体

Semantic UI开源框架提供图标或字形，用于显示与某些元素相关的图片，使用 CSS 和 jQuery，用于创建出色的用户界面。它是一个用于创建漂亮和响应式布局的开发框架。

语义 UI 图标是一个字形，用于显示其他内容来代替文本以节省空间和时间。图标用于帮助用户浏览并在所有语言中具有相同的含义，因此许多项目不需要用不同的语言编写。

语义 UI 图标翻转变体垂直或水平翻转图标。我们可以用翻转的类变体翻转图标。

语义 UI 图标翻转变体类：

• 水平：这会水平翻转图标，这意味着从左到右。
• 垂直：这将垂直翻转图标，这意味着从上到下。

语法：将水平或垂直翻转的类添加到图标中，以便按所需方向进行翻转，如下所示。

    ...

示例：下面的示例说明了语义 UI 图标翻转的变体。在下面的示例中，我们水平和垂直翻转了图标。

HTML

    
        
        
        
        
        
        
           body
           {
             margin-left:10px;
             margin-right:10px;
           }
        
    
    
        
            
                GeeksforGeeks
                 Semantic UI Icon flipped variation 
         
                                    
                    
                    Horizontally Flipped
                    
                    Vertically Flipped               
                
            
        
    

输出：

参考： https://semantic-ui.com/elements/icon.html#flipped