Panduan Rujukan Fungsi CSS
- Hal sebelumnya Element pseudo CSS
- Hal berikutnya Atribut Animasi CSS
CSS 函数
CSS 函数可用于计算值、操作字符串或颜色、创建复杂的渐变和形状等。
CSS 函数通常用作各种 CSS 属性的值。
| 函数 | 描述 |
|---|---|
| acos() | 返回介于 -1 和 1 之间的数的反余弦值。 |
| asin() | 返回介于 -1 和 1 之间的数的反正弦值。 |
| atan() | 返回介于 -∞ 和 ∞ 之间的数的反正切值。 |
| atan2() | 返回介于 -∞ 和 ∞ 之间的两个值的反正切值。 |
| attr() | 返回所选元素的属性值。 |
| blur() | 对元素应用模糊效果。 |
| brightness() | 调整元素的亮度（更亮或更暗）。 |
| calc() | 允许进行计算以确定 CSS 属性值。 |
| circle() | 定义圆。 |
| clamp() | 设置一个值，该值将根据视口的大小在最小值和最大值之间进行调整。 |
| color() | 允许在特定的指定颜色空间中指定颜色。 |
| color-mix() | 在给定颜色空间中，按给定比例混合两种颜色值。 |
| conic-gradient() | 创建锥形渐变。 |
| contrast() | 调整元素的对比度。 |
| cos() | 返回角度的余弦值。 |
| counter() | 返回命名计数器的当前值。 |
| counters() | 返回命名和嵌套计数器的当前值。 |
| cubic-bezier() | 定义三次贝塞尔曲线。 |
| drop-shadow() | 对图像应用投影效果。 |
| ellipse() | 定义椭圆。 |
| exp() | 返回 E 的指定数 x 次幂 (Ex) |
| fit-content() | 允许根据内容调整元素的大小。 |
| grayscale() | 將圖像轉換為灰度。 |
| hsl() / hsla() | 使用色相-飽和度-亮度模型 (HSL) 定義顏色；可選地包含 alpha 組件。 |
| hue-rotate() | 對元素应用顏色旋轉 |
| hwb() | 使用色相-白度-黑度模型 (HWB) 定義顏色；可選地包含 alpha 組件。 |
| hypot() | 返回其參數平方和的平方根。 |
| inset() | 定義與參考框每一边保持指定內嵌距離的矩形。 |
| invert() | 反轉圖像的顏色。 |
| lab() | 在 CIE Lab 顏色空间中指定顏色。 |
| lch() | 在 LCH（亮度-色度-色相）顏色空间中指定顏色。 |
| light-dark() | 啟用兩種顏色值設置，如果用戶設置了淺色主題，則返回第一個值； 如果用戶設置了深色主題，則返回第二個值。 |
| linear-gradient() | 創建線性漸變。 |
| log() | 返回指定數的自然對數（以 E 為底），或指定底數的對數。 |
| matrix() | 使用六值矩陣定义 2D 变换。 |
| matrix3d() | 使用 4x4 矩陣定义 3D 变换。 |
| max() | 使用逗號分隔的值列表中的最大值作為屬性值。 |
| min() | 使用逗號分隔的值列表中的最小值作為屬性值。 |
| minmax() | 定義大於或等於最小值且小於或等於最大值的大小範圍（用於 CSS 網格）。 |
| mod() | 返回一個數除以另一個數後的餘數。 |
| oklab() | 在 OKLAB 颜色空间中指定颜色。 |
| oklch() | 在 OKLCH 颜色空间中指定颜色。 |
| opacity() | 對元素应用不透明度效果。 |
| perspective() | 為 3D 变换元素定义透视视图。 |
| polygon() | 定義多邊形。 |
| pow() | 返回一個數 (x) 的另一個數 (y) 次幂的值。 |
| radial-gradient() | 創建放射狀漸變。 |
| ray() | 定義動畫元素應遵循的偏移路径線段。 |
| rem() | 返回一個數除以另一個數後的餘數。 |
| repeat() | 在網格中重複一組列或行。 |
| repeating-conic-gradient() | 重複錐形漸變。 |
| repeating-linear-gradient() | 重複線性漸變。 |
| repeating-radial-gradient() | 重複放射狀漸變。 |
| rgb() / rgba() | Mendefinikan warna menggunakan model merah-hijau-ungu (RGB); secara pilihan mengandungi komponen alpha. |
| rotate() | Mendefinikan putar 2D elemen. |
| rotate3d() | Mendefinikan putar 3D elemen. |
| rotateX() | Mendefinikan putar 3D elemen mengelilingi sumbu x (horisontal). |
| rotateY() | Mendefinikan putar 3D elemen mengelilingi sumbu y (vertikal). |
| rotateZ() | Mendefinikan putar 3D elemen mengelilingi sumbu z. |
| round() | Menggerakkan angka berdasarkan strategi penggerakan yang ditentukan. |
| saturate() | Mengatur kepadatan elemen (kekuatan warna). |
| scale() | Mendefinikan skala 2D elemen. |
| scale3d() | Mendefinikan skala 3D elemen. |
| scaleX() | Menskala elemen secara horizontal (lebar). |
| scaleY() | Menskala elemen secara vertikal (tinggi). |
| sepia() | Mengubah imej ke warna sepia. |
| sin() | Mengembalikan nilai sinus bilangan (sudut). |
| skew() | Menggeser elemen sepanjang sumbu x dan y. |
| skewX() | Menggeser elemen sepanjang sumbu x. |
| skewY() | Menggeser elemen sepanjang sumbu y. |
| sqrt() | Mengembalikan akar kuadrat bilangan. |
| steps() | Membuat fungsi waktu langkah untuk animasi. |
| tan() | Mengembalikan nilai tangent bilangan. |
| translate() | Memungkinkan untuk menggerakkan elemen sepanjang sumbu x dan y. |
| translateX() | Memungkinkan untuk menggerakkan elemen sepanjang sumbu x. |
| translateY() | Memungkinkan untuk menggerakkan elemen sepanjang sumbu y. |
| url() | Memungkinkan untuk menyertakan fail di dalam stylesheet. |
| var() | Sisipkan nilai atribut yang disesuaikan. |
- Hal sebelumnya Element pseudo CSS
- Hal berikutnya Atribut Animasi CSS
