html - 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;
}

在行动

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;
}

<span>This Text</span>