CSS scale3d() ਫੰਕਸ਼ਨ

ਨਿਰਧਾਰਣ ਅਤੇ ਵਰਤੋਂ

CSS ਦੇ scale3d() ਫੰਕਸ਼ਨ ਨੂੰ ਐਲੀਮੈਂਟ ਦੀ 3D ਵਿਸ਼ਾਲਤਾ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。

scale3d() ਫੰਕਸ਼ਨ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ ਕਿ ਐਲੀਮੈਂਟ ਕਿਸ ਤਰ੍ਹਾਂ ਦੇ x, y ਅਤੇ z ਦਿਸ਼ਾਵਾਂ ਵਿੱਚ ਵਿਸ਼ਾਲਤਾ ਹੈ。

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

ਵਰਤੋਂ 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);
}

ਵਰਤੋਂ 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);
}

scale3d(sx, sy, sz)

ਮੁੱਲ	ਵਰਣਨ
sx	ਪ੍ਰਤੀਕਰਮ ਜਾਂ ਨਕਾਰਾਤਮਕ ਸੰਖਿਆ, ਚੌਦਾਈ ਵਿੱਚ ਵਿਸ਼ਾਲਤਾ ਵੈਕਟਰ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。
sy	ਪ੍ਰਤੀਕਰਮ ਜਾਂ ਨਕਾਰਾਤਮਕ ਸੰਖਿਆ, ਉਚਾਈ ਵਿੱਚ ਵਿਸ਼ਾਲਤਾ ਵੈਕਟਰ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。
sz	ਪ੍ਰਤੀਕਰਮ ਜਾਂ ਨਕਾਰਾਤਮਕ ਸੰਖਿਆ, z ਦਿਸ਼ਾ ਵਿੱਚ ਵਿਸ਼ਾਲਤਾ ਵੈਕਟਰ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。