[css] css的linear-gradient有什么作用呢？
概念：線性漸變,向下/向上/向左/向右/對角方向,為了創建一個線性漸變，你必須至少定義兩種顏色結點，顏色結點即你想要呈現平穩過渡的顏色，同時，你也可以設定一個起點和一個方向（或一個角度）
demo
/* 從上到下 */
#grad {
background: linear-gradient(red, blue);
}
/* 從左到右 */
#grad {
background: linear-gradient(to right, red , blue); /* 標準的語法 */
}
/* 對角 */
#grad {
background: linear-gradient(to right, red , blue); /* 標準的語法 */
}
/* 使用角度 */
#grad {
background: linear-gradient(180deg, red, blue); /* 標準的語法 */
}
@censek
censek commented on 16 Mar 2020
概念：線性漸變,向下/向上/向左/向右/對角方向,為了創建一個線性漸變，你必須至少定義兩種顏色結點，顏色結點即你想要呈現平穩過渡的顏色，同時，你也可以設定一個起點和一個方向（或一個角度）
demo
/* 從上到下 */
#grad {
background: linear-gradient(red, blue);
}
/* 從左到右 */
#grad {
background: linear-gradient(to right, red , blue); /* 標準的語法 */
}
/* 對角 */
#grad {
background: linear-gradient(to right, red , blue); /* 標準的語法 */
}
/* 使用角度 */
#grad {
background: linear-gradient(180deg, red, blue); /* 標準的語法 */
}
對角漸變是：
background: linear-gradient(to bottom right, red, blue);
個人簡介
我是歌謠，歡迎和大家一起交流前后端知識，放棄很容易，
但堅持一定很酷，歡迎大家一起討論
主目錄
與歌謠一起通關前端面試題
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/259758.html
標籤：其他
上一篇：Ajax 作業原理
下一篇：前端學習筆記DAY01