CSS中的線性漸變是一種用于創(chuàng)建平滑過(guò)渡效果的方法，它可以在一個(gè)元素的背景、邊框或文本上應(yīng)用。讓我們來(lái)看一下如何使用CSS線性漸變。

/* 創(chuàng)建線性漸變 */
background: linear-gradient(direction, color-stop1, color-stop2, ...);
/* direction表示漸變的方向，可以是top、bottom、left、right，也可以是角度值 */
/* color-stop是中間指定的顏色值，可以根據(jù)需求添加任意多個(gè)，使用逗號(hào)分隔 */
/* 示例1：從上到下的漸變 */
background: linear-gradient(to bottom, #fff, #000);
/* 示例2：從右上到左下的漸變 */
background: linear-gradient(225deg, #fff, #000);
/* 示例3：多色漸變 */
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 1));

也可以將線性漸變應(yīng)用于元素的邊框和文本，只需將屬性從background改為border或color即可：

/* 應(yīng)用于邊框 */
border: 2px solid linear-gradient(to bottom, #fff, #000);
/* 應(yīng)用于文本 */
color: linear-gradient(-45deg, #fff, #000);

線性漸變是CSS提供的強(qiáng)大漸變特性之一，可以讓你的設(shè)計(jì)更加豐富多彩，為用戶(hù)提供更好的視覺(jué)體驗(yàn)。