CSS scale() ਫੰਕਸ਼ਨ

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

CSS ਦੇ scale() ਫੰਕਸ਼ਨ ਨੇ ਪ੍ਰਤੀਯੋਗਿਤਾ ਵਿੱਚ ਵਰਤੋਂ

scale() ਫੰਕਸ਼ਨ ਨੇ ਪ੍ਰਤੀਯੋਗਿਤਾ ਵਿੱਚ ਵਰਤੋਂ

scale() ਫੰਕਸ਼ਨ transform ਪ੍ਰਤੀਯੋਗਿਤਾ ਵਿੱਚ ਵਰਤੋਂ

ਵਰਤੋਂ scale() ਬਹੁਤ ਸਕੇਲਿੰਗ <div> ਐਲੀਮੈਂਟਾਂ

#myDiv1 {
  transform: scale(0.7);
}
#myDiv2 {
  transform: scale(110%);
}
#myDiv3 {
  transform: scale(1.1, 0.5);
}

ਵਰਤੋਂ scale() ਅਕਸਰ ਵਰਤਿਆ ਗਿਆ ਚਿੱਤਰ ਸਕੇਲਿੰਗ:

#img1 {
  transform: scale(0.7);
}
#img2 {
  transform: scale(110%);
}
#img3 {
  transform: scale(1.1, 0.5);
}

scale(sx, sy)

ਮੁੱਲ	ਵਰਣਨ
sx	ਲਾਜ਼ਮੀ ਹੈ। ਨੰਬਰ ਜਾਂ ਪ੍ਰਤੀਸ਼ਤੀ। ਚੌੜਾਈ ਦੇ ਸਕੇਲਿੰਗ ਵੈਕਟਰ ਨੂੰ ਨਿਰਦੇਸ਼ਿਤ ਕਰੋ。
sy	ਚੋਣੀਬਾਜ਼ੀ ਹੈ। ਨੰਬਰ ਜਾਂ ਪ੍ਰਤੀਸ਼ਤੀ। ਉਚਾਈ ਦੇ ਸਕੇਲਿੰਗ ਵੈਕਟਰ ਨੂੰ ਨਿਰਦੇਸ਼ਿਤ ਕਰੋ。 ਜੇਕਰ ਸ਼ਾਨਦਾਰ ਨਹੀਂ ਹੁੰਦਾ ਤਾਂ ਮੁੱਲ sx ਨਾਲ ਸੈਟ ਕੀਤਾ ਜਾਵੇਗਾ。

ਮੁੱਲ

ਵਰਣਨ

ਲਾਜ਼ਮੀ ਹੈ। ਨੰਬਰ ਜਾਂ ਪ੍ਰਤੀਸ਼ਤੀ। ਚੌੜਾਈ ਦੇ ਸਕੇਲਿੰਗ ਵੈਕਟਰ ਨੂੰ ਨਿਰਦੇਸ਼ਿਤ ਕਰੋ。

ਚੋਣੀਬਾਜ਼ੀ ਹੈ। ਨੰਬਰ ਜਾਂ ਪ੍ਰਤੀਸ਼ਤੀ। ਉਚਾਈ ਦੇ ਸਕੇਲਿੰਗ ਵੈਕਟਰ ਨੂੰ ਨਿਰਦੇਸ਼ਿਤ ਕਰੋ。

ਜੇਕਰ ਸ਼ਾਨਦਾਰ ਨਹੀਂ ਹੁੰਦਾ ਤਾਂ ਮੁੱਲ sx ਨਾਲ ਸੈਟ ਕੀਤਾ ਜਾਵੇਗਾ。