تابع rotateX() CSS

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

CSS rotateX() تابع تعریف می‌کند که عنصر به دور محور x (جهت افقی) چرخش 3D داشته باشد.

rotateX() تابع در تبدیل در استفاده از ویژگی.

مثال

مثال 1

استفاده از rotateX() چندین عنصر <div> را به دور محور x (جهت افقی) چرخش دهید:

#myDiv1 {
  transform: rotateX(40deg);
}
#myDiv2 {
  transform: rotateX(60deg);
}
#myDiv3 {
  transform: rotateX(80deg);
}

آزمایش کنید

مثال 2

استفاده از rotateX() تصویر را به دور محور x (جهت افقی) چرخش دهید:

#img1 {
  transform: rotateX(40deg);
}
#img2 {
  transform: rotateX(60deg);
}
#img3 {
  transform: rotateX(80deg);
}

آزمایش کنید

نوع دستور CSS

rotateX(زاویه)

جزئیات فنی

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

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

صفحات مرتبط

تدریس:CSS 3D تبدیل

مراجع:کیس ترانسفارم اپریٹ

مراجع:CSS rotate کوالیتی

مراجع:کیس رات() فانکشن

مراجع:کیس رات3د() فانکشن

مراجع:کیس رات3ی() فانکشن

مراجع:کیس رات3ز() فانکشن