文章标签

重复渐变利用了我们已经在 `linear-gradient()` 和 `radial-gradient()` 表示法中使用 `color-stops` 进行创造性使用的技巧，并将其内置其中。

其理念是我们能够利用渐变创建图案……

线性渐变在 CSS 中易于创建，并且非常有用。正如我们将在本文中介绍的那样，我们可以通过使用 *非* 线性渐变使它们在视觉上更加平滑。当然，这里说的非线性指的是缓动意义上的！……

假设您在 CSS 中有一个从红色渐变到透明的渐变。很简单，对吧？像这样

.element {
  background: linear-gradient(
    to bottom,
    red, 
    transparent
  );
}

但是，这里有一个很大的 *陷阱*……

当我创建过滤器、阴影、转换或渐变背景时，感觉很棒。谁会想到 CSS 会发展到今天这个地步。不需要为此使用任何图像。我几乎可以听到浏览器在说……