background: linear-gradient(to left, #ffffff, #000000);
这个代码块会将从白色逐渐过渡到黑色的背景覆盖整个容器,但是注意到to left
的参数是如何控制渐变的方向的。通过这个参数的设定,可以控制渐变的方向是从左到右,从右到左,从上到下,或者是从下到上。如果想要控制渐变的起始点、结束点和过渡点,可以添加额外的色标。
background: linear-gradient(to left, #ffffff, #000000, #333333 50%);
这个代码块会将从白色到黑色的过渡颜色,再过渡到深灰色的中间色,位置在 50% 的地方。通过在 CSS 中这些简单的参数,可以轻松地创造出任何想要的效果。怎么样,现在就动手尝试一下吧!