[css] css的linear-gradient有什么作用呢？

概念：線性漸變,向下/向上/向左/向右/對角方向,為了創(chuàng)建一個(gè)線性漸變，你必須至少定義兩種顏色結(jié)點(diǎn)。顏色結(jié)點(diǎn)即你想要呈現(xiàn)平穩(wěn)過渡的顏色。同時(shí)，你也可以設(shè)置一個(gè)起點(diǎn)和一個(gè)方向（或一個(gè)角度）demo/* 從上到下 */ #grad {background: linear-gradient(red, blue); } /* 從左到右 */ #grad {background: linear-gradient(to right, red , blue); /* 標(biāo)準(zhǔn)的語法 */ } /* 對角 */ #grad {background: linear-gradient(to right, red , blue); /* 標(biāo)準(zhǔn)的語法 */ } /* 使用角度 */ #grad {background: linear-gradient(180deg, red, blue); /* 標(biāo)準(zhǔn)的語法 */ }@censek censek commented on 16 Mar 2020概念：線性漸變,向下/向上/向左/向右/對角方向,為了創(chuàng)建一個(gè)線性漸變，你必須至少定義兩種顏色結(jié)點(diǎn)。顏色結(jié)點(diǎn)即你想要呈現(xiàn)平穩(wěn)過渡的顏色。同時(shí)，你也可以設(shè)置一個(gè)起點(diǎn)和一個(gè)方向（或一個(gè)角度）demo/* 從上到下 */#grad {background: linear-gradient(red, blue); }/* 從左到右 */#grad {background: linear-gradient(to right, red , blue); /* 標(biāo)準(zhǔn)的語法 */}/* 對角 */#grad {background: linear-gradient(to right, red , blue); /* 標(biāo)準(zhǔn)的語法 */}/* 使用角度 */#grad {background: linear-gradient(180deg, red, blue); /* 標(biāo)準(zhǔn)的語法 */}對角漸變是：background: linear-gradient(to bottom right, red, blue);

個(gè)人簡介

我是歌謠，歡迎和大家一起交流前后端知識。放棄很容易，
但堅(jiān)持一定很酷。歡迎大家一起討論

主目錄

與歌謠一起通關(guān)前端面試題

總結(jié)

以上是生活随笔為你收集整理的[css] css的linear-gradient有什么作用呢？的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。