语义-UI 形状文本类型

Semantic UI 是一个开源框架，它为我们提供了特殊的类来创建令人惊叹的响应式用户界面。它利用 jQuery 和 CSS 创建令人愉悦的用户界面，非常类似于 bootstrap。它有许多类用于在 HTML 网页结构中设置不同元素的样式。

语义 UI 形状模块是在二维平面中显示的三维对象。它可以包含所有方面的内容。

注意：此模块使用当前仅在现代浏览器中支持的 3D 转换。

Semantic-UI Shape Text Type 用于显示针对要显示的文本的侧面进行格式化的文本。

Semantic-UI Shape Text Type Used 类：

• text：此类用于在形状的侧面添加文本。

句法：

div class="ui text shape">
      

          ...
      
      ...

示例 1：在此示例中，我们将描述 Semantic-UI 形状文本类型的使用。

HTML

  

    
        Semantic-UI Shape Text Type
    
  
    
    
  
    
    
    
  
    
    
    

  

    
        
            GeeksforGeeks
        
          
        Semantic-UI Shape Text Type
  
        
            
                
                    Welcome to GeeksforGeeks
                
                
                    A computer science portal
                
                
                    Web Technology
                
                
                    Java Programming
                
            
        
        
  
        
            Flip-Up
        
  
        
            Flip-Right
        
    
  
    
  
        // Initialize the shape
        $('.shape').shape();
        $('.up').click(function () {
  
            // Make the shape flip up
            $('.shape').shape('flip up');
        })
        $('.right').click(function () {
  
            // Make the shape flip to the right
            $('.shape').shape('flip right');
        })
    

  

输出：

语义-UI 形状文本类型

示例 2：在这个示例中，我们将描述 Semantic-UI Shape Text Type 的使用。

HTML

  

    
        Semantic-UI Shape Text Type
    
  
    
    
  
    
    
    
  
    
    
    

  

    
        
            GeeksforGeeks
        
          
        Semantic-UI Shape Text Type
  
        
            
                
                    Welcome to GeeksforGeeks
                
                
                    A computer science portal
                
                
                    Web Technology
                
                
                    Java Programming
                
            
        
        
  
        
            Flip-Down
        
  
        
            Flip-Left
        
    
  
    
  
        // Initialize the shape
        $('.shape').shape();
        $('.down').click(function () {
  
            // Make the shape flip up
            $('.shape').shape('flip down');
        })
        $('.left').click(function () {
  
            // Make the shape flip to the right
            $('.shape').shape('flip left');
        })
    

  

输出：

语义-UI 形状文本类型

参考： https://semantic-ui.com/modules/shape.html#text