కోర్సు పరిశీలనకు:

CSS scaleY() ఫంక్షన్

నిర్వచనం మరియు ఉపయోగం scaleY() CSS యొక్క

scaleY() ఫంక్షన్ ఉపయోగించబడింది. ఎలమెంట్లను ఉర్ధ్వమురుగులో పొడిగించడానికి.

scaleY() ఫంక్షన్ లో పెంచుట లేదా తగ్గించుట ఎలమెంట్ల అడుగుని. transform అంశంలో ఉపయోగించబడింది.

ఇన్స్టాన్స్

ఉదాహరణ 1

ఉపయోగించండి scaleY() పలు <div> ఎలమెంట్ల అడుగుని పొడిగించండి:

#myDiv1 {
  transform: scaleY(0.5);
}
#myDiv2 {
  transform: scaleY(70%);
}
#myDiv3 {
  transform: scaleY(1.1);
}

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

ఉదాహరణ 2

ఉపయోగించండి scaleY() చిత్రం అడుగుని పొడిగించండి:

#img1 {
  transform: scaleY(0.5);
}
#img2 {
  transform: scaleY(70%);
}
#img3 {
  transform: scaleY(-0.5);
}
#img4 {
  transform: scaleY(1.1);
}

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

CSS సంకేతం

scaleY(s)

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

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

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

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

శిక్షణానువాదం：CSS 2D 变换

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

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

参考：CSS scale() 函数

参考：CSS scale3d() 函数

参考：CSS scaleX() ఫంక్షన్