CSS translate() ਫੰਕਸ਼ਨ

ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ

CSS ਦਾ translate() ਫੰਕਸ਼ਨ ਇਲਾਵਾ ਇਲਾਕੇ ਦਾ ਸਥਾਨ ਬਦਲਣ ਦੀ ਪ੍ਰਵਾਨਗੀ ਦਿੰਦੇ ਹਨ。

translate() ਫੰਕਸ਼ਨ ਵਿੱਚ transform ਵਿਸ਼ੇਸ਼ਤਾ ਵਿੱਚ ਵਰਤੋਂ ਕਰੋ。

ਉਦਾਹਰਣ

ਇਲਾਵਾ ਇਲਾਕੇ ਦਾ ਸਥਾਨ ਬਦਲਣਾ:

#myDiv1 {
  transform: translate(50px); /* ਇਲਾਵਾ ਇਲਾਕੇ ਨੂੰ x ਅਕਸ਼ ਉੱਤੇ 50px ਹਟਾਉਣਾ */
}
#myDiv2 {
  transform: translate(50px, 20px); /* ਇਲਾਵਾ ਇਲਾਕੇ ਨੂੰ x ਅਕਸ਼ ਉੱਤੇ 50px ਅਤੇ y ਅਕਸ਼ ਉੱਤੇ 20px ਹਟਾਉਣਾ */
}
#myDiv3 {
  transform: translate(100px, 30px); /* ਇਲਾਵਾ ਇਲਾਕੇ ਨੂੰ x ਅਕਸ਼ ਉੱਤੇ 100px ਅਤੇ y ਅਕਸ਼ ਉੱਤੇ 30px ਹਟਾਉਣਾ */
}

ਖੁਦ ਸਿਖਣ ਲਈ

CSS ਗਰੰਟਰ

translate(x, y)

ਮੁੱਲ	ਵਰਣਨ
x	ਲਾਜ਼ਮੀ।ਯੂਨਿਟ ਦੀ ਦੂਰੀ ਦੱਸਣ ਲਈ ਇਲਾਵਾ ਮੁੱਲ ਦੀ ਵਰਤੋਂ ਕਰੋ ਜੋ ਯੂਨਿਟ ਹੋ ਸਕਦੀ ਹੈ ਜਾਂ ਪ੍ਰਤੀਸ਼ਤ
y	ਵਿਕਲਪਿਤ।ਯੂਨਿਟ ਦੀ ਦੂਰੀ ਦੱਸਣ ਲਈ ਇਲਾਵਾ ਮੁੱਲ ਦੀ ਵਰਤੋਂ ਕਰੋ ਜੋ ਯੂਨਿਟ ਹੋ ਸਕਦੀ ਹੈ ਜਾਂ ਪ੍ਰਤੀਸ਼ਤ ਜੇਕਰ ਖਾਲੀ ਛੱਡਿਆ ਤਾਂ ਮੁੱਲ 0 ਸੈਟ ਕੀਤਾ ਜਾਵੇਗਾ。

ਮੁੱਲ

ਵਰਣਨ

ਲਾਜ਼ਮੀ।ਯੂਨਿਟ ਦੀ ਦੂਰੀ ਦੱਸਣ ਲਈ ਇਲਾਵਾ ਮੁੱਲ ਦੀ ਵਰਤੋਂ ਕਰੋ ਜੋ ਯੂਨਿਟ ਹੋ ਸਕਦੀ ਹੈ ਜਾਂ ਪ੍ਰਤੀਸ਼ਤ

ਵਿਕਲਪਿਤ।ਯੂਨਿਟ ਦੀ ਦੂਰੀ ਦੱਸਣ ਲਈ ਇਲਾਵਾ ਮੁੱਲ ਦੀ ਵਰਤੋਂ ਕਰੋ ਜੋ ਯੂਨਿਟ ਹੋ ਸਕਦੀ ਹੈ ਜਾਂ ਪ੍ਰਤੀਸ਼ਤ

ਜੇਕਰ ਖਾਲੀ ਛੱਡਿਆ ਤਾਂ ਮੁੱਲ 0 ਸੈਟ ਕੀਤਾ ਜਾਵੇਗਾ。