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

CSS روٹیٹ () فنکشن

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

rotateZ() این فنکشن یک چرخش 3D به دور محور z را برای یک عنصر تعریف می‌کند. ترفند در استفاده از ویژگی.

توضیح:rotateZ(زاویه) برابر با rotate(زاویه).

مثال

مثال 1

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

#myDiv1 {
  ترفند: transform: rotateZ(40deg);
}
#myDiv2 {
  ترفند: transform: rotateZ(60deg);
}
#myDiv3 {
  ترفند: transform: rotateZ(-45deg);
}

خودتان امتحان کنید

مثال 2

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

#img1 {
  ترفند: transform: rotateZ(40deg);
}
#img2 {
  ترفند: transform: rotateZ(60deg);
}
#img3 {
  ترفند: transform: rotateZ(-45deg);
}

خودتان امتحان کنید

نحوه نوشتن CSS

rotateZ(زاویه)
مقدار توضیحات
زاویه

لازم است. تعیین زاویه چرخش. واحدهای ممکن:

  • deg (درجه)
  • rad (درجه)
  • چرخش (چرخه)

جزئیات فنی

نسخه: CSS تبدیلی ماژول سطح 2

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

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

کروم ایج فائرفاکس سافری اوپرا
12 12 10 4 15

صفحات مرتبط

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

مطالبه:CSS transform کا ٹرانسفارم

مطالبه:CSS rotate کا نمائش

مطالبه:CSS روٹیٹ () فنکشن

مطالبه:CSS rotate3d() کا فنکشن

مطالبه:CSS rotateX() کا فنکشن

مطالبه:CSS rotateY() کا فنکشن