توابع skewX() در CSS

تعریف و استفاده

CSS skewX() CSS برای شیب دادن عناصر به زاویه داده شده در محور x استفاده می‌شوند.

skewX() این توابع در ترasnform در استفاده از این ویژگی.

توجه:skewX(a) معادل است با skew(a, 0)!

استفاده از skewX() شیب چندین عناصر <div> را با زاویه داده شده در محور x بدهید:

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

استفاده از skewX() تصویر را با زاویه داده شده در محور x شیب دهید:

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

skewX(a)

مقدار	توضیحات
a	ضروری. زاویه. مشخص‌کننده شیب در محور x.

نسخه:	مودول تبدیلات CSS سطح 1

اعداد در جدول نشان‌دهنده نسخه اولیه از مرورگرهای پشتیبان از این توابع هستند.

کروم	ایج	فایرفاکس	سافری	آپرا
1	12	3.5	3.1	10.5