WEB ◆ TS Library ◆ 熱衷分享 ◆ 享受教學相長 ◆ 無形的網絡擁有熱情溫度的傳遞

1-12. CSS 新增功能與範例再學習 (依需求挑選學習)

CSS 函數的加強學習

CSS 有以下幾個函數

函數 說明 CSS3 w3schools runoob w3school
url() 指定影像所在的路徑/檔名   英文 簡中 簡中
attr() 返回所選元素的屬性值   英文 簡中 簡中
rgb() 使用紅-綠-藍模型(RGB)定義顏色   英文 簡中 簡中
rgba() 使用紅-綠-藍-阿爾法模型(RGBA)定義顏色 V 英文 簡中 簡中
hsl() 使用色相-飽和度-亮度模型(HSL)定義顏色 V 英文 簡中 簡中
hsla() 使用色相-飽和度-亮度-阿爾法模型(HSLA)定義顏色 V 英文 簡中 簡中
linear-gradient() 將線性漸變設置為背景圖像。定義至少兩種顏色(預設從上到下) V 英文 簡中 簡中
radial-gradient() 將徑向漸變(圓心向外放射性漸變)設置為背景圖像。定義至少兩種顏色(預設從中心到邊緣) V 英文 簡中 簡中
conic-gradient() 將圓錐漸變設置為背景圖像。定義至少兩種顏色(預設中心點順時針圍繞旋轉漸變) V 英文 簡中  
repeating-linear-gradient() 重複線性漸變 V 英文 簡中 簡中
repeating-radial-gradient() 重複徑向漸變(圓心向外放射性漸變) V 英文 簡中 簡中
repeating-conic-gradient() 重複圓錐漸變 V 英文 簡中  
cubic-bezier() 定義貝塞爾曲線,協助動畫的加減速 V 英文 簡中 簡中
calc() 允許執行計算來確定 CSS 的屬性值 V 英文 簡中 簡中
var() 使用自定義變數/屬性的值 V 英文 簡中 簡中
max() 從一組數值的表達式中選擇最大的值 V 英文 簡中  
min() 從一組數值的表達式中選擇最小的值 V 英文 簡中  
go TOP