Blaze UI 排版渐变文本

Blaze UI是一个免费的开源 UI 工具包，它为快速构建网站提供了一个很好的结构，具有可扩展和可维护的基础。 Blaze UI 中的所有组件都是移动优先开发的，并且仅依赖于原生浏览器功能，而不是单独的库或框架。它帮助我们以一致的风格快速高效地创建可扩展且响应迅速的网站。

Blaze UI捆绑了一个很棒的排版模块，涵盖了不同的文本可视化。 Blaze UI 中有多种类型的排版类，例如超链接、渐变文本、突出显示的文本、块引用等等。在本文中，我们将讨论 Blaze UI 中的渐变排版类。

渐变文本排版使文本的颜色成为所需颜色的水平渐变。要在 Blaze UI 中创建渐变文本排版，我们使用.u-gradient-text类。 .u-gradient-text类使文本的颜色成为从左到右从浅色到深色的渐变。此类可以与

、

和 元素一起使用。

Blaze UI Typography 使用的渐变文本类：

• .u-gradient-text：此类使文本的颜色成为水平渐变。

句法：

    ...

示例 1：以下示例演示了 Blaze UI 中的默认渐变文本排版。

HTML

      

    
    

  

    
      
GeeksforGeeks
      Blaze UI Gradient text typography
      

      

        Geeksforgeeks is the biggest computer 
        science portal in the whole world.
      
    

  

输出：

Blaze UI 排版渐变文本

示例 2：以下示例演示了 Blaze UI 中颜色修改的渐变文本排版。

HTML

  

    
    

  

    
        
GeeksforGeeks
        Blaze UI Gradient text typography
        

        

            Geeksforgeeks is the biggest computer 
            science portal in the whole world.
        
        

        

            Geeksforgeeks is the biggest computer 
            science portal in the whole world.
        
        

        

            Geeksforgeeks is the biggest computer 
            science portal in the whole world.
        
        

        

            Geeksforgeeks is the biggest computer 
            science portal in the whole world.
        
        

        

            Geeksforgeeks is the biggest computer 
            science portal in the whole world.
        
    

  

输出：

Blaze UI 排版渐变文本

参考： https ://www.blazeui.com/components/typography/