CSS Function Reference Manual
CSS Function
Ang mga function ng CSS ay puwedeng gamitin upang makalkula ang halaga, operahan ang mga string o kulay, gumawa ng mga kumplikadong pagbabagong kulay at hugis, at iba pa.
Ang mga function ng CSS ay karaniwang ginagamit bilang halaga ng iba't ibang CSS na attribute.
| Function | Ipaliwanag |
|---|---|
| acos() | Bumalik sa halaga ng arccosine ng isang bilang na nasa -1 at 1. |
| asin() | Bumalik sa halaga ng arcsine ng isang bilang na nasa -1 at 1. |
| atan() | Bumalik sa halaga ng arctangent ng isang bilang na nasa -∞ at ∞. |
| atan2() | Bumalik sa halaga ng arctangent ng dalawang halaga na nasa -∞ at ∞. |
| attr() | Bumalik sa halaga ng attribute ng hinahalang elemento. |
| blur() | Iapply ang epekto ng pagblur sa elemento. |
| brightness() | Iayos ang liwanag ng elemento (mas maliwanag o mas madilim). |
| calc() | Pinahihintulutan ang pagkalkula para matukoy ang halaga ng CSS na attribute. |
| circle() | Tumukoy sa hugis ng lupon. |
| clamp() | Iset ang isang halaga na ang halaga nito ay gagawing mula sa pinakamaliit hanggang pinakamalaki ayon sa laki ng viewport. |
| color() | Pinahihintulutan ang pagtatakda ng kulay sa partikular na tinukoy na kulay na espasyo. |
| color-mix() | Hahalo ang dalawang halaga ng kulay sa ibinigay na proporsyon sa ibinigay na kulay na espasyo. |
| conic-gradient() | Lumikha ng pagbabagong butas sa pambukod. |
| contrast() | Iayos ang kontraste ng elemento. |
| cos() | Bumalik sa halaga ng cosine ng anggulo. |
| counter() | Bumalik sa kasalukuyang halaga ng tinukoy na naugnay na counter. |
| counters() | Bumalik sa kasalukuyang halaga ng tinukoy na naugnay at nakasakop na may counter. |
| cubic-bezier() | Tumukoy sa tatlong besile na kurva. |
| drop-shadow() | Iapply ang epekto ng pagproyekta sa imahe. |
| ellipse() | Tumukoy sa hugis ng ellipse. |
| exp() | Bumalik sa E ang tinukoy na bilang x sa Ex) |
| fit-content() | Pinahihintulutan ang pag-iilalim ng laki ng elemento ayon sa nilalaman. |
| 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() | 使用红-绿-蓝模型 (RGB) 定义颜色；可选地包含 alpha 组件。 |
| rotate() | 定义元素的 2D 旋转。 |
| rotate3d() | 定义元素的 3D 旋转。 |
| rotateX() | 定义元素绕 x 轴（水平）的 3D 旋转。 |
| rotateY() | 定义元素绕 y 轴（垂直）的 3D 旋转。 |
| rotateZ() | 定义元素绕 z 轴的 3D 旋转。 |
| round() | 根据指定的舍入策略对数进行舍入。 |
| saturate() | 调整元素的饱和度（颜色强度）。 |
| scale() | 定义元素的 2D 缩放。 |
| scale3d() | 定义元素的 3D 缩放。 |
| scaleX() | 水平缩放元素（宽度）。 |
| scaleY() | 垂直缩放元素（高度）。 |
| sepia() | 将图像转换为棕褐色调。 |
| sin() | 返回数字（角度）的正弦值。 |
| skew() | 沿 x 轴和 y 轴倾斜元素。 |
| skewX() | 沿 x 轴倾斜元素。 |
| skewY() | 沿 y 轴倾斜元素。 |
| sqrt() | 返回数的平方根。 |
| steps() | 为动画创建分步计时函数。 |
| tan() | 返回数的正切值。 |
| translate() | 允许沿 x 轴和 y 轴重新定位元素。 |
| translateX() | 允许沿 x 轴重新定位元素。 |
| translateY() | 允许沿 y 轴重新定位元素。 |
| url() | 允许在样式表中包含文件。 |
| var() | 插入自定义属性的值。 |
