توصیه آموزشی:

توابع skewY() CSS

تعریف و استفاده skewY() CSS

skewY() این توابع برای چرخش عنصرها به زاویه داده شده در طول محور y استفاده میشن. transform در استفاده از این ویژگی.

مثال

مثال 1

استفاده از skewY() چندین عنصر <div> رو به زاویه داده شده در طول محور y چرخش بدید:

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

آزمایش کنید

مثال 2

استفاده از skewY() تصویر رو به زاویه داده شده در طول محور y چرخش بدید:

#img1 {
  transform: skewY(10deg);
}
#img2 {
  transform: skewY(-10deg);
}
#img3 {
  transform: skewY(5deg);
}

آزمایش کنید

زبان CSS

skewY(a)
مقدار توضیح
a ضروری. زاویه. زاویه ای که در طول محور y قرار میگیره.

جزئیات فنی

ورژن: بخش تبدیلات CSS در سطح 1

پشتیبانی کریئر

تبلویغات میزانی که ابتدا این کارکرد رو پشتیبانی میکنن، شماره اولیان رو نشون میدن.

Chrome Edge Firefox Safari Opera
1 12 3.5 کامپانیوں کا کسی ویب سائٹ پر تیار کیا جاسکتا ہے کامپانیوں کا کسی ویب سائٹ پر تیار کیا جاسکتا ہے

کامپانیوں کا کسی ویب سائٹ پر تیار کیا جاسکتا ہے

کامپانیوں کا کسی ویب سائٹ پر تیار کیا جاسکتا ہےکامپانیوں کا کسی ویب سائٹ پر تیار کیا جاسکتا ہے

کامپانیوں کا کسی ویب سائٹ پر تیار کیا جاسکتا ہےکامپانیوں کا کسی ویب سائٹ پر تیار کیا جاسکتا ہے

کامپانیوں کا کسی ویب سائٹ پر تیار کیا جاسکتا ہےکامپانیوں کا کسی ویب سائٹ پر تیار کیا جاسکتا ہے

کامپانیوں کا کسی ویب سائٹ پر تیار کیا جاسکتا ہےکامپانیوں کا کسی ویب سائٹ پر تیار کیا جاسکتا ہے