پیشنهاد دوره:

توابع skewY() CSS

تعریف و استفاده skewY() CSS

skewY() این توابع برای کج کردن عناصر به زاویه تعیین شده در امتداد محور y استفاده می‌شوند. 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.

جزئیات فنی

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

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

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

Chrome Edge Firefox Safari Opera
1 12 3.5 3.1 10.5

صفحات مرتبط

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

منبع:ویژگی transform CSS

منبع:توابع skew() CSS

منبع:توابع skewX() CSS