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

فنون rotateZ() 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(زاویه)

جزئیات فنی

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

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

صفحات مرتبط

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

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

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

ارجاع:فنون CSS rotate()

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

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

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