CSS scale() ఫంక్షన్

నిర్వచనం మరియు ఉపయోగం

CSS యొక్క scale() ఫంక్షన్ అంశాన్ని (వెడల్పు మరియు పొడవు) స్కేల్ చేస్తుంది.

scale() ఫంక్షన్ ప్రతి అంశంపై x మరియు y దిక్కులో స్కేల్ విలువను నిర్వచిస్తుంది.

scale() ఫంక్షన్ లో ఉపయోగించబడింది transform గుణాలలో ఉపయోగించబడింది.

ఉదాహరణ

ఉదాహరణ 1

ఉపయోగించండి scale() మలుపు <div> అంశాలను స్కేల్ చేయండి:

#myDiv1 {
  transform: scale(0.7);
}
#myDiv2 {
  transform: scale(110%);
}
#myDiv3 {
  transform: scale(1.1, 0.5);
}

స్వయంగా ప్రయత్నించండి

ఉదాహరణ 2

ఉపయోగించండి scale() చిత్రాలను స్కేల్ చేయండి:

#img1 {
  transform: scale(0.7);
}
#img2 {
  transform: scale(110%);
}
#img3 {
  transform: scale(1.1, 0.5);
}

స్వయంగా ప్రయత్నించండి

CSS సంకేతాలు

scale(sx, sy)
విలువ వివరణ
sx అవసరమైనది. సంఖ్య లేదా శాతం. వెడల్పు యొక్క స్కేల్ వైకరణిని నిర్దేశించు.
sy

ఎంపికాత్మకం. సంఖ్య లేదా శాతం. పొడవు యొక్క స్కేల్ వైకరణిని నిర్దేశించు.

మినహాయించినట్లయితే, విలువ సెక్స్ తో అనుకూలీకరించబడుతుంది.

సాంకేతిక వివరాలు

వెర్షన్: CSS Transforms Module Level 1

బ్రౌజర్ మద్దతు

పట్టికలో ఉన్న సంఖ్యలు ఈ ఫంక్షన్ ను పూర్తిగా మద్దతు ఇస్తున్న ప్రథమ బ్రౌజర్ వెర్షన్ ను సూచిస్తాయి.

క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఒపెరా
1 12 3.5 3.1 10.5

సంబంధిత పేజీలు

పాఠ్యక్రమం:CSS 2D 变换

参考:CSS ట్రాన్స్ఫార్మ్ అట్రిబ్యూట్

参考:CSS scale లక్షణం

参考:CSS స్కేల్3డ్() ఫంక్షన్

参考:CSS scaleX() 函数

参考:CSS scaleY() 函数