وظيفة skewY() في CSS

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

في CSS skewY() الوظيفة تستخدم لتحديد ميل العنصر عبر الزاوية المحددة في محور y.

skewY() الوظيفة في 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.

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

الإصدار: مodule CSS Transforms Level 1

دعم المتصفح

الرقم في الجدول يمثل إصدار المتصفح الذي يدعم هذه الوظيفة بشكل كامل.

Chrome Edge Firefox Safari Opera
1 12 3.5 3.1 10.5

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

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

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

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

المرجع:دالة skewX() في CSS