CSS

时间:2016-06-09 12:09:14

标签: html css text colors gradient

如何使用CSS创建多色文本,如下图所示?

What I'm trying to do

文本以某种方式使用随机不同的颜色,我想制作看起来相同的东西。这是一张图片,因此我无法在页面的源代码中查找答案。

感谢您的帮助! :)

3 个答案:

答案 0 :(得分:0)

我认为这是重复的 How do I use a gradient as a font color in CSS?

另外,请查看此网站。他们有很棒的CSS提示。本文与您的问题有关。 https://css-tricks.com/snippets/css/gradient-text/

以下是该网站的代码。
使用WebKit,你可以做到

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

但是,它似乎在firefox中不受支持。

答案 1 :(得分:0)

p.apply
p(_)

答案 2 :(得分:0)

http://cssdeck.com/labs/hmsqyqtx  我认为这对你有用