CSS funktion reference håndbog

CSS-funktioner

CSS-funktioner kan bruges til at beregne værdier, operere med strenge eller farver, skabe komplekse farveovergange og former osv.

CSS-funktioner bruges ofte som værdier for forskellige CSS-egenskaber.

Funktion Beskrivelse
acos() Returner arccosinværdien af et tal mellem -1 og 1.
asin() Returner arcsinværdien af et tal mellem -1 og 1.
atan() Returner arctangensværdien af et tal mellem -∞ og ∞.
atan2() Returner arctangensværdien af to værdier mellem -∞ og ∞.
attr() Returner egenskabsværdien for det valgte element.
blur() Anvend sløringseffekt på elementet.
brightness() Juster lysstyrken (mørkere eller lysere) for elementet.
calc() Tillad beregninger for at bestemme CSS-egenskabsværdier.
circle() Definer en cirkel.
clamp() Indstil en værdi, der justeres mellem minimum og maksimum baseret på viewport-størrelsen.
color() Tillad at specificere en farve i en bestemt specificeret farvespace.
color-mix() Bland to farvestrømme i den givne farvespace med den givne propotion.
conic-gradient() Opret en konisk gradient.
contrast() Juster kontrasten for elementet.
cos() Returner cosinusværdien af vinklen.
counter() Returner den nuværende værdi for den navngivne tæller.
counters() Returner den nuværende værdi for den navngivne og indlejrede tæller.
cubic-bezier() Definer en tredjestige Bezier-kurve.
drop-shadow() Anvend projektionseffekt på billedet.
ellipse() Definer en ellipse.
exp() Returner E's angivne antal x gange potens (Ex)
fit-content() Tillad justering af elementets størrelse baseret på indhold.
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() Definerer farve ved hjælp af rød-grøn-blå-modelen (RGB); alpha-komponenten er valgfri.
rotate() Definerer elementets 2D-rotation.
rotate3d() Definerer elementets 3D-rotation.
rotateX() Definerer elementets 3D-rotation om x-aksen (lodret).
rotateY() Definerer elementets 3D-rotation om y-aksen (vandret).
rotateZ() Definerer elementets 3D-rotation om z-aksen.
round() Runder af et tal baseret på den angivne afrundingsstrategi.
saturate() Justerer elementets mætning (farvestyrke).
scale() Definerer elementets 2D-skala.
scale3d() Definerer elementets 3D-skala.
scaleX() Horisontalt skalere elementet (bredden).
scaleY() Vertikalt skalere elementet (højden).
sepia() Konverterer billedet til sepia.
sin() Returnerer sinusværdien af et tal (i grader).
skew() Skæver elementet langs x- og y-aksen.
skewX() Skæver elementet langs x-aksen.
skewY() Skæver elementet langs y-aksen.
sqrt() Returnerer kvadratroden af et tal.
steps() Opretter en trinvis tidsfunktion til animationer.
tan() Returnerer tangens af et tal.
translate() Tillader at genoplacere elementet langs x- og y-aksen.
translateX() Tillader at genoplacere elementet langs x-aksen.
translateY() Tillader at genoplacere elementet langs y-aksen.
url() Tillader at inkludere filer i stilskemaet.
var() Indsæt værdien for en brugerdefineret egenskab.