تابع rotateY() CSS

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

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

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

مثال

مثال 1

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

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

آزمایش کنید

مثال 2

استفاده از rotateY() تصویر را به دور محور y (محور عمودی) چرخش دهید:

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

آزمایش کنید

نوع نوشتار CSS

rotateY(زاویه)

جزئیات فنی

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

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

صفحات مرتبط

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

ارجاع:ویژگی transform CSS

ارجاع:ویژگی rotate CSS

ارجاع:توابع rotate() CSS

ارجاع:توابع rotate3d() CSS

ارجاع:توابع rotateX() CSS

ارجاع:توابع rotateZ() CSS