CSS translateX() ఫంక్షన్

上一页 CSS ట్రాన్స్లే() ఫంక్షన్
తదుపరి పేజీ CSS ట్రాన్స్లేయ్() ఫంక్షన్
పైకి తిరిగి వెళ్ళు CSS ఫంక్షన్ రిఫరెన్స్ మాన్యువల్

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

CSS యొక్క translateX() ఫంక్షన్ మీరు ఎక్స్ అక్షం (హోరిజంటల్ దిశ) పై అంశాన్ని మళ్ళీ స్థానం చేయడానికి అనుమతిస్తుంది.

translateX() ఫంక్షన్ లో ట్రాన్స్‌ఫార్మ్ అంశాలలో ఉపయోగించబడింది.

ఉదాహరణ

హోరిజంటల్ దిశలో వివిధ <div> అంశాలను మళ్ళీ స్థానం చేయండి:

#myDiv1 {
  transform: translateX(50px); /* సింహాసనం లోని ఎక్స్ అక్షం పై 50px దూరంలో కదిలే అంశాన్ని మార్చు */
}
#myDiv2 {
  transform: translateX(100px); /* సింహాసనం లోని ఎక్స్ అక్షం పై 100px దూరంలో కదిలే అంశాన్ని మార్చు */
}
#myDiv3 {
  transform: translateX(-10px); /* సింహాసనం లోని ఎక్స్ అక్షం పై -10px దూరంలో కదిలే అంశాన్ని మార్చు */
}

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

CSS సంకేతాలు

translateX(x)

విలువ	వివరణ
x	అత్యవసరం. సింహాసనం లోని ఎక్స్ అక్షం పై కదిలే దూరంను నిర్వచిస్తుంది, దానిని సంఖ్య లేదా శాతంగా నిర్వచించవచ్చు.