توابع skewX() در CSS

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

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

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

توجه:skewX(a) برابر است با skew(a, 0)!

مثال

مثال 1

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

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

آزمایش کنید

مثال 2

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

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

آزمایش کنید

نحوه نوشتن CSS

skewX(a)
مقدار توضیح
a ضروری. زاویه. مشخص کردن انحراف در محور x.

جزئیات فنی

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

پشتیبانی مرورگر

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

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

صفحات مرتبط

آموزش:ترادرسازی 2D CSS

مراجعه به:ویژگی transform CSS

مراجعه به:توابع skew() CSS

مراجعه به:توابع skewY() CSS