CSS skewX() ਫੰਕਸਨ

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

ਸੀਐੱਸਐੱਸ ਦੇ skewX() CSS ਵਿੱਚ ਫੰਕਸਨ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ ਤਾਕਿ ਦਿੱਤੇ ਹੋਏ ਕੋਣ ਉੱਤੇ ਪਰਵਾਰ ਦੇ ਤੱਤ ਨੂੰ ਸਲੰਗ ਦਿੱਤਾ ਜਾ ਸਕੇ。

skewX() ਫੰਕਸਨ ਦੀ ਵਰਤੋਂ transform ਪ੍ਰਤੀਭਾਸ਼ਿਤ ਵਿੱਚ ਵਰਤੋਂ ਕਰਨ ਲਈ。

ਸੁਝਾਅ:skewX(a) ਅਨੁਰੂਪ skew(a, 0)！

ਉਪਯੋਗ ਕਰਕੇ skewX() ਦਿੱਤੇ ਹੋਏ ਕੋਣ ਉੱਤੇ ਪਰਵਾਰ ਦੇ ਪਰਿਭਾਸ਼ਿਤ ਕਈ <div> ਤੱਤਾਂ ਨੂੰ ਸਲੰਗ ਦਿੱਤਾ ਹੈ:

#myDiv1 {
  transform: skewX(15deg);
}
#myDiv2 {
  transform: skewX(30deg);
}
#myDiv3 {
  transform: skewX(-25deg);
}

ਉਪਯੋਗ ਕਰਕੇ skewX() ਦਿੱਤੇ ਹੋਏ ਕੋਣ ਉੱਤੇ ਪਰਵਾਰ ਦੇ ਪਰਿਭਾਸ਼ਿਤ ਅਕਸਰ ਦੇ ਚਿੱਤਰ ਨੂੰ ਸਲੰਗ ਦਿੱਤਾ ਹੈ:

#img1 {
  transform: skewX(25deg);
}
#img2 {
  transform: skewX(-25deg);
}
#img3 {
  transform: skewX(10deg);
}

skewX(a)

ਮੁੱਲ	ਵਰਣਨ
a	ਲੋੜੀਂਦਾ। ਕੋਣ। ਸੀਧੇ ਪਰਵਾਰ ਉੱਤੇ ਸਲੰਗ ਦਿੱਤਾ ਹੈ。

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

ਸਤਰਾਂ ਵਿੱਚ ਦਾਖਲ ਕੀਤੇ ਗਏ ਨੰਬਰ ਪਹਿਲੀ ਸਫਲ ਵਰਜਨ ਨੂੰ ਦਰਸਾਉਂਦੇ ਹਨ ਜਿਸ ਨੇ ਇਸ ਫੰਕਸਨ ਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਨ ਦਿੱਤਾ ਹੈ。

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

ਸਲਾਹਦਾਰੀਆਂ:CSS skew() ਫੰਕਸ਼ਨ

ਸਲਾਹਦਾਰੀਆਂ:CSS skewY() ਫੰਕਸ਼ਨ