title: How do I use a gradient as a font color in CSS?
body: <p>How do I use a gradient as a font color in CSS, without using images? I want to support Firefox.</p>
  
  <p>I have used this code but it's not supported in Firefox:</p>
  
  <pre><code>&lt;div class="text1"&gt; Gradient Text&lt;/div&gt;
  
  .text1
   {
    font-size: 40px;
    background: -webkit-linear-gradient(#0F3, #F00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
   }
  </code></pre>