توابع skew() در CSS

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

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

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)
مقدار توضیح
ax ضروری. زاویه. مشخص‌کننده کج‌کنی در محور x.
ay اختیاری. زاویه. مشخص‌کننده کج‌کنی در محور y. اگر حذف شود، مقدار پیش‌فرض آن 0 است.

جزئیات فنی

ورژن: مستند CSS Transforms Module Level 1

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

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

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

مربوط صفحات

تعلیم:CSS 2D تبدیلی

مطالبت:CSS transform کیمپٹی

مطالبت:CSS skewX() فنکشن

مطالبت:CSS skewY() فنکشن