ਕੋਰਸ ਸਿਫਾਰਸ਼:

CSS skew() ਫੰਕਸ਼ਨ

ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ skew() CSS ਦੇ

skew() ਫੰਕਸ਼ਨ ਐਕਸ ਅਤੇ ਵਾਈ ਅਕਸ਼ਾਂ 'ਤੇ ਦਿੱਤੇ ਕੋਣ ਦੇ ਅਨੁਸਾਰ ਐਲੀਮੈਂਟ ਨੂੰ ਝੁਕਾਉਣ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ。 transform ਪ੍ਰਤੀਯੋਗਿਤਾ ਵਿੱਚ ਵਰਤੋਂ

ਪ੍ਰਯੋਗ

ਉਦਾਹਰਣ 1

ਵਰਤੋਂ skew() ਕੁਝ ਦਿਵ ਐਲੀਮੈਂਟਾਂ ਨੂੰ ਝੁਕਾਉਣਾ:

#myDiv1 {
  transform: skew(15deg);
}
#myDiv2 {
  transform: skew(15deg, 15deg);
}
#myDiv3 {
  transform: skew(-15deg);
}

ਆਪਣੇ ਆਪ ਕਿਸੇ ਵੀ ਸਥਾਨ 'ਤੇ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ 2

ਵਰਤੋਂ skew() ਝੁਕਾਈ ਵਾਲੇ ਚਿੱਤਰ:

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

ਆਪਣੇ ਆਪ ਕਿਸੇ ਵੀ ਸਥਾਨ 'ਤੇ ਪ੍ਰਯੋਗ ਕਰੋ

CSS ਗਰੈਮਾਟਿਕਸ

skew(ax, ay)
ਮੁੱਲ ਵਰਣਨ
ax ਲਾਜ਼ਮੀ।ਕੋਣ।ਐਕਸ ਅਕਸ਼ ਉੱਤੇ ਝੁਕਾਉਣ ਦਾ ਸੰਕੇਤ ਦਿੰਦਾ ਹੈ。
ay ਵਿਕਲਪਿਤ।ਕੋਣ।ਯ ਅਕਸ਼ ਉੱਤੇ ਝੁਕਾਉਣ ਦਾ ਸੰਕੇਤ ਦਿੰਦਾ ਹੈ।ਜੇਕਰ ਛੱਡ ਦਿੱਤਾ ਜਾਵੇਗਾ ਤਾਂ ਇਹ ਮੁੱਲ 0 ਨਾਲ ਸੈਟ ਕੀਤਾ ਜਾਵੇਗਾ。

ਤਕਨੀਕੀ ਵੇਰਵਾ

ਸੰਸਕਰਣ: CSS ਟਰਾਂਸਫਾਰਮਸ ਮੌਡਿਊਲ ਲੈਵਲ 1

ਬਰਾਉਜ਼ਰ ਸਮਰੱਥਾ

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

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

ਸਬੰਧਤ ਪੰਨੇ

ਟੂਰੀਅਲ:CSS 2D ਟਰਾਂਸਫਾਰਮ

ਸਲਾਹ:CSS transform ਪ੍ਰਤੀਯੋਗਿਤਾ

ਸਲਾਹ:CSS skewX() ਫੰਕਸ਼ਨ

ਸਲਾਹ:CSS skewY() ਫੰਕਸ਼ਨ