一尘不染

CSS文字渐变

css

我四处寻找,对此一无所获。

如果我有一段文字,有没有办法,也许是CSS3,当它向下到页面时逐渐改变文字的颜色吗?而不是渐变的方式,因为那只会对单词而不是整个文本段落起作用。

因此,我希望一些文本从白色开始,然后随着段落的结尾逐渐变黑。

我真的不确定是否可以完成…也许有一个Java脚本可以做到。

谢谢。


阅读 313

收藏
2020-05-16

共1个答案

一尘不染

您可以使用CSS来做到这一点,但它仅在webkit浏览器(Chrome和Safari)中有效:

p {

    background: -webkit-linear-gradient(red, blue);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}


<p>blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah</p>
2020-05-16