专题文章
时长:00:00更新时间:2020-11-27 18:49:15
目标效果;今天的目标效果是实现下面这样的效果,或者说了解这种效果制作的小技巧。看到上面的效果,我想很多人首先会想到的就是background-clip:text、color:transparent和linear-gradient来完成。那么事实是这样吗。如何完成一个段落的每行文本渐变效果。了解CSS的同学都清楚,使用。background-image: linear-gradient(to right.deeppink.dodgerblue);-webkit-background-clip: text;color: transparent;。就可以轻易的实现一个文本的渐变填充效果。比如下面这个示例。来做个小实验,如果文本不是一个词或单行而是整个段落,效果会是如何。
查看详情