సిఎస్ఎస్ ఫంక్షన్ రిఫరెన్స్ హాండ్బుక్
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 యొక్క కొన్నిసార్లు అధికారం అందిస్తుంది (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() | ఒక సంఖ్యను నిర్వచించిన బ్యాక్స్ లోని ప్రకృతి పరిమాణాన్ని తిరిగి ఇస్తుంది (ఇ లేదా నిర్వచించిన ప్రకృతి పరిమాణం లో). |
matrix() | ఆరు విలువల మాట్రిక్స్ ఉపయోగించి 2D ట్రాన్స్ఫార్మ్ ని నిర్వచిస్తుంది. |
matrix3d() | 4x4 మాట్రిక్స్ ఉపయోగించి 3D ట్రాన్స్ఫార్మ్ ని నిర్వచిస్తుంది. |
max() | కామా ద్వారా వేరువేరు విలువల జాబితాలో గరిష్ట విలువను వినియోగిస్తుంది. |
min() | కామా ద్వారా వేరువేరు విలువల జాబితాలో చిన్న విలువను వినియోగిస్తుంది. |
minmax() | కనీస మరియు గరిష్ట విలువల మధ్య ఉన్న పరిమాణాన్ని నిర్వచిస్తుంది (CSS గ్రిడ్కు ఉపయోగిస్తారు). |
mod() | ఒక సంఖ్యను మరొక సంఖ్యపై విభజించిన మిగిలిన భాగాన్ని తిరిగి ఇస్తుంది. |
oklab() | OKLAB రంగు స్పేస్లో రంగును నిర్వచిస్తుంది. |
oklch() | OKLCH రంగు స్పేస్లో రంగును నిర్వచిస్తుంది. |
opacity() | ఎలిమెంట్పై అస్తాయి ప్రభావాన్ని ఆప్లయి చేస్తుంది. |
perspective() | 3D ట్రాన్స్ఫార్మ్ ఎలిమెంట్ కు పర్స్పెక్టివ్ వీక్షణను నిర్వచిస్తుంది. |
polygon() | మూలకం నిర్వచిస్తుంది. |
pow() | ఒక సంఖ్యను మరొక సంఖ్యపై కరణం చేసిన విలువను తిరిగి ఇస్తుంది. |
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() | 插入自定义属性的值。 |