CSS - 两个背景？

Question

我在我的vBulletin系统上运行了一些代码，它根据两个配置文件字段设置了渐变的用户名颜色。但是，我想为它添加闪光，我该怎么做呢？

<span style="-webkit-text-fill-color:transparent; background:-webkit-gradient(linear, left top, right top, color-stop(0, COLOUR1), color-stop(1, COLOUR2)); background-size:0; text-shadow:none; -webkit-background-size:auto; -webkit-background-clip:text; font-weight:bold;">Forum Name</span>

如何将此闪光代码添加到等值中？

  background: url(custom/v2/sparkles/sparkle-rainbow.gif) !important;

提前致谢！

Answer 1

只需将url(custom/v2/sparkles/sparkle-rainbow.gif)添加到background部分的末尾：

span{
  -webkit-text-fill-color: transparent;
  background:  -webkit-linear-gradient(transparent, transparent),  url(http://www.myspacehippo.com/files/glitterbacks/bg345.gif) repeat;
  background-size: 0;
  text-shadow: none;
  -webkit-background-size: auto;
  -webkit-background-clip: text;
  font-weight:bold;
}

在行动中

＆＃13;

＆＃13;

span{
	font-size:100px;
	font-family:impact;
  -webkit-text-fill-color: transparent;
  background: -webkit-linear-gradient(transparent, transparent), url(http://www.myspacehippo.com/files/glitterbacks/bg345.gif) repeat;
  text-shadow: none;
  -webkit-background-size: auto;
  -webkit-background-clip: text;
  font-weight:bold;
}

＆＃13;

<span>This Text</span>

＆＃13;

＆＃13;

＆＃13;