是否可以使用CSS使文本的颜色在两种颜色之间淡化？

Question

我希望在以下设计中达到效果.

可以不使用图像吗？

小提琴:https://jsfiddle.net/8k66bwbk/

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

Answer 1

你想要那样的东西吗？

.blue-fade {
  font-size: 40px;
  font-family: Helvetica,Arial,sans-serif;
  font-weight: 100; 
  background: -webkit-linear-gradient(#1ba0d7, #002d3f);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

<p class="blue-fade">
368%
</p>

https://jsfiddle.net/9dx4fcrz/