CSS scaleY() ਫੰਕਸ਼ਨ

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

CSS ਦੇ scaleY() ਫੰਕਸ਼ਨ ਵਿੱਚ ਐਲੀਮੈਂਟ ਨੂੰ ਵਰਤਿਕੀ ਤਰੀਕੇ ਨਾਲ ਸਕੇਲ ਕਰਦਾ ਹੈ。

scaleY() ਐਲੀਮੈਂਟ ਦੀ ਉੱਚਾਈ ਵਧਾਉਣ ਜਾਂ ਘਟਾਉਣ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ。

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

ਇੰਸਟੈਂਸ

ਉਦਾਹਰਣ 1

ਵਰਤੋਂ scaleY() ਕਈ <div> ਐਲੀਮੈਂਟਾਂ ਦੀ ਉੱਚਾਈ ਨੂੰ ਵਧਾਓ:

#myDiv1 {
  transform: scaleY(0.5);
}
#myDiv2 {
  transform: scaleY(70%);
}
#myDiv3 {
  transform: scaleY(1.1);
}

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਉਦਾਹਰਣ 2

ਵਰਤੋਂ scaleY() ਚਿੱਤਰ ਦੀ ਉੱਚਾਈ ਨੂੰ ਵਧਾਓ:

#img1 {
  transform: scaleY(0.5);
}
#img2 {
  transform: scaleY(70%);
}
#img3 {
  transform: scaleY(-0.5);
}
#img4 {
  transform: scaleY(1.1);
}

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

CSS ਗਰੰਥ

scaleY(s)
ਮੁੱਲ ਵਰਣਨ
s ਲਾਜ਼ਮੀ। ਉੱਚਾਈ ਜਾਂਚਾਊ ਵੈਕਟਰ ਦੇ ਨੰਬਰ ਨੂੰ ਸੰਦਿਸ਼ਿਤ ਕਰੋ。

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਵਰਜਨ: CSS ਟਰਾਂਸਫਾਰਮਸ ਮੌਡਿਊਲ ਲੈਵਲ 1

ਬਰਾਊਜ਼ਰ ਸਪੋਰਟ

ਸਟੇਬਲ ਬਰਾਊਜ਼ਰ ਵਿੱਚ ਇਸ ਫੰਕਸ਼ਨ ਦੀ ਪੂਰੀ ਤਰ੍ਹਾਂ ਦੀ ਸਪੋਰਟ ਕਰਨ ਵਾਲੀ ਪਹਿਲੀ ਵਰਜਨ ਸੰਖਿਆ ਪ੍ਰਤੀ ਸਿੱਧੇ ਸੰਕੇਤ ਕਰਦੇ ਹਨ。

ਚਰਮ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪੇਰਾ
1 12 3.5 3.1 10.5

ਸਬੰਧਤ ਪੰਨੇ

ਸਿੱਖਿਆਦਾਨCSS 2D ਟਰਾਂਸਫਾਰਮ

ਸਲਾਹਦਾਤਾਂ:CSS transform ਪ੍ਰਾਪਰਟੀ

ਸਲਾਹਦਾਤਾਂ:CSS scale کی خاصیت

ਸਲਾਹਦਾਤਾਂ:CSS scale() ਫੰਕਸ਼ਨ

ਸਲਾਹਦਾਤਾਂ:CSS scale3d() ਫੰਕਸ਼ਨ

ਸਲਾਹਦਾਤਾਂ:CSS scaleX() ਫੰਕਸ਼ਨ