css如何实现ul里的li背景逐渐变浅

Question

<ul>
    <li>深颜色</li>
    <li>中颜色</li>
    <li>浅颜色</li>
</ul>

Answer 1

1、如果是全部渐变，可以在ul上使用渐变背景色
如：

ul{
  background: -webkit-linear-gradient(#333, #999);
}

2、如果你的li块的颜色是统一的可以使用js做简单的计算

希望对你有所帮助

Answer 2

时渐变就用用background: linear-gradient渐变，li单独单色变浅就每个li给各自的背景色

Answer 3

li之间连着的话给容器设linear-gradient啥的，中间有间距的话想了想，用伪元素给挡一挡也行；
还是用JS把。

Answer 4

给ul 从上到下的渐变就行了 不要老是考虑li