CSS scale3d() ఫంక్షన్

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

CSS యొక్క scale3d() ఫంక్షన్ ఎక్స్, వె, జ్ దిక్కులో స్కేల్ చేస్తాయి.

scale3d() ఫంక్షన్ ఎక్స్, వె, జ్ దిక్కులో స్కేల్ విలువలను నిర్వచిస్తాయి.

scale3d() ఫంక్షన్ లో ఉన్న అంశంలో ఉపయోగించండి. transform అంశంలో ఉపయోగించండి.

ఇన్స్టాన్స్

ఉదాహరణ 1

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

#myDiv1 {
  transform: scale3d(0.8, 0.8, 0.8);
}
#myDiv2 {
  transform: scale3d(-0.5, -0.5, -0.5);
}
#myDiv3 {
  transform: scale3d(1.1, 1.2, 1);
}

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

ఉదాహరణ 2

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

#img1 {
  transform: scale3d(0.8, 0.8, 0.8);
}
#img2 {
  transform: scale3d(-0.5, -0.5, -0.5);
}
#img3 {
  transform: scale3d(1.1, 1.1, 1);
}

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

CSS సంకేతాలు

scale3d(sx, sy, sz)

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

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

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

相关页面

教程：CSS 3D 变换

పరిచయం కోసం:CSS ట్రాన్స్ఫార్మ్ అట్రిబ్యూట్

పరిచయం కోసం:CSS scale లింకేజీ

పరిచయం కోసం:CSS స్కేల్() ఫంక్షన్

పరిచయం కోసం:CSS స్కేల్X() ఫంక్షన్

పరిచయం కోసం:CSS స్కేల్Y() ఫంక్షన్