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 变换