وظيفة skewX() في CSS

التعريف والاستخدام

في CSS skewX() لإمالة العنصر بناءً على الزاوية المحددة على طول المحور x.

skewX() الوظيفة تستخدم تحويل في استخدام الخاصية.

نصيحة: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.

تفاصيل التقنية

الإصدار: مستوى 1 لمodule CSS Transforms

دعم المتصفح

الرقم في الجدول يظهر إصدار المتصفح الذي يدعم هذه الوظيفة تمامًا لأول مرة.

كروم إدج فايرفوكس سفاري أوبرا
1 12 3.5 3.1 10.5

الصفحات ذات الصلة

دروس:تحويلات CSS 2D

المرجع:خصائص transform CSS

المرجع:دالة skew() CSS

المرجع:دالة skewY() CSS