语义 UI 图标旋转变化

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

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

Semantic UI Icon Rotated Variation 帮助我们顺时针或逆时针旋转图标。图标在任一方向旋转 90 度。

语义 UI 图标旋转变体类：

• 顺时针：将图标沿时钟方向旋转 90 度。
• 逆时针：将图标与时钟方向相反旋转 90 度。

语法：为图标添加顺时针旋转或逆时针旋转的类，如下所示旋转图标：

    ...
 

示例：下面的示例说明了语义 UI 图标的旋转变化。在下面的示例中，我们使用上述类在顺时针和逆时针方向旋转了图标。

HTML

    
        
        
        
        
        
        
           body {
             margin-left: 10px;
             margin-right: 10px;
           }
        
    
    
        
            
                GeeksforGeeks
                 Semantic UI Icon Rotated Variation 
            
        
        
            
                
                     
                                        
                
            
        
    

输出：

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