وظيفة skew() في CSS

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

في CSS skew() الوظيفة تستخدم لإنزاح العنصر إيجابيًا أو سلبيًا عموديًا وأفقياً بناءً على الزاوية المقدمة.

skew() الوظيفة في transform في استخدام الخصائص.

مثال

مثال 1

استخدام skew() الانزياح لبعض عناصر <div>:

#myDiv1 {
  transform: skew(15deg);
}
#myDiv2 {
  transform: skew(15deg, 15deg);
}
#myDiv3 {
  transform: skew(-15deg);
}

تجربة شخصية

مثال 2

استخدام skew() الانزياح في الصور:

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

تجربة شخصية

اللغة البرمجية CSS

skew(ax, ay)

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

دعم المتصفح

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

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

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

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

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

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