CSS scaleX() ఫంక్షన్

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

CSS యొక్క scaleX() ఫంక్షన్ బ్రౌజర్ ఎలిమెంట్స్ వెడల్పన పొడవును హోరిజంటల్ గా స్కేల్ చేస్తుంది.

scaleX() ఎలిమెంట్ వెడల్పన పొడవును పెంచుటకు లేదా తగ్గించుటకు ఉపయోగిస్తారు.

scaleX() ఫంక్షన్ లో transform అనువర్తనంలో ఉపయోగించండి.

ఇన్స్టాన్స్

ఉదాహరణ 1

ఉపయోగించండి scaleX() పలు <div> ఎంపికల వెడల్పన పొడవు స్కేల్ చేయండి:

#myDiv1 {
  transform: scaleX(0.7);
}
#myDiv2 {
  transform: scaleX(90%);
}
#myDiv3 {
  transform: scaleX(1.1);
}

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

ఉదాహరణ 2

ఉపయోగించండి scaleX() చిత్రం వెడల్పన పొడవు స్కేల్ చేయండి:

#img1 {
  transform: scaleX(0.6);
}
#img2 {
  transform: scaleX(90%);
}
#img3 {
  transform: scaleX(-0.6);
}
#img4 {
  transform: scaleX(1.1);
}

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

CSS సంకేతాలు

scaleX(s)

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

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

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

相关页面

教程：CSS 2D 变换

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

参考：CSS స్కేల్ అట్రిబ్యూట్

参考：CSS scale() 函数

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

参考：CSS స్కేల్యే() ఫంక్షన్