如何使用 HTML 和 CSS 创建线性渐变文本？

线性渐变是一种文本样式，其中文本填充有线性渐变颜色代码。这些类型的效果通常用于深色主题的网站或应用程序，以使文本看起来有吸引力和大胆。它们几乎适用于深色主题，不适合较浅的主题。

方法：请参考 linear-gradient() 方法来创建渐变背景，然后使用 webkit 属性将背景与我们的文本叠加。

HTML 代码：在下面的部分中，用于演示的文本包含在 h1 标签中。

  
    
    
    
  

    
GEEKSFORGEEKS
  

CSS 代码：对于 CSS 代码，请按照以下步骤操作。

• 第 1 步：将基本背景应用到 body 标签，并将文本与页面中心对齐。
• 第 2 步：做一些基本的样式，如字体大小和系列等。
• 第 3 步：使用您选择的任何颜色应用线性渐变属性。
• 第 4 步：现在应用 webkit 属性，第一个属性将使整个渐变背景透明，第二个属性将使用渐变背景填充文本。

注意：您可以对文本应用一些阴影，使其看起来更暗或哑光。

完整代码：是以上两段代码的组合。

  

    
    
    
    

  

    
GEEKSFORGEEKS

  

输出：