Is it possible with CSS to make text s color fade between two colors

Question

In the following design, I want to get the desired result.

without the use of images?

.blue-fade
{
    font-size: 40px;
    font-family: Helvetica,Arial,sans-serif;
    font-weight: 100;  
    color: #1ba0d7;
}

Answer 1

The CSS is the most crucial aspect of your CSS gradient text. Examine the CSS in its most basic form.

h1 {
  font-size: 72px;
  background: -webkit-linear-gradient(#eee, #333);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}