Question

我有一些css会提供重复的线性渐变。

.btn-filled {background: repeating-linear-gradient(
  45deg,
  #606dbc,
  #606dbc 10px,
  #465298 10px,
  #465298 20px
); border: none !important;}

<a class="btn btn-lg btn-filled" href="https://adsler.co.uk">Design</a><a class="btn btn-lg btn-white" href="http://4309.co.uk/portraits/">Illustration</a>								</div>

view here

那行得通，但是当我尝试更改颜色时，它不会

.btn-filled {background: repeating-linear-gradient(
  45deg,
  #e34242,
  #e34242 10px,
  #465298 10px,
  #465298 20px
); border: none !important;}

<a class="btn btn-lg btn-filled" href="https://adsler.co.uk">Design</a><a class="btn btn-lg btn-white" href="http://4309.co.uk/portraits/">Illustration</a>								</div>

它在这里有效，但在网站上不起作用。为什么不？

Answer 1

这将是显示CSS的方法。这是预期的行为吗？

.btn-filled {
  background: repeating-linear-gradient(
  45deg,
  #606dbc,
  #606dbc 10px,
  #465298 10px,
  #465298 20px
); border: none !important;}

<a class="btn btn-lg btn-filled" href="https://adsler.co.uk">Design</a><a class="btn btn-lg btn-white" href="http://4309.co.uk/portraits/">Illustration</a>								</div>

通过重复线性渐变更改颜色

1 个答案: