如何在网页中实现多重角向渐变:CSS3实现方法

11 min read

要使用CSS3实现多重角向渐变,您需要使用下面的代码:

background: linear-gradient(to top left, #000000 25%, transparent 25%), linear-gradient(to top right, #000000 25%, transparent 25%), linear-gradient(to bottom right, #000000 25%, transparent 25%), linear-gradient(to bottom left, #000000 25%, transparent 25%);

这个代码块将会创建一个黑色到透明的四分之一斜向的渐变。每个 linear-gradient() 函数都需要指定一个方向和渐变颜色。在这个例子中,我们使用了四个线性渐变,每个渐变都从黑色开始,接下来是一个透明的四分之一渐变。