توصیه‌های دوره:

پچھلے صف CSS rotate() فنکشن
آئندہ صف CSS rotateX() فنکشن
بعد کی صف کی واپسی دستورالعمل‌های مرجع تابع CSS

دستور rotate3d() CSS

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

rotate3d() این عملکرد تعریف چرخش سه‌بعدی عنصر را می‌کند. ترمیم در استفاده از ویژگی.

مثال

مثال 1

استفاده از rotate3d() چرخش چندین عنصر <div>:

#myDiv1 {
  transform: rotate3d(1, 2, 1, 45deg);
}
#myDiv2 {
  transform: rotate3d(0, 1, 0, 60deg);
}
#myDiv3 {
  transform: rotate3d(1, 0, 0, 45deg);
}

آزمایش کنید

مثال 2

استفاده از rotate3d() تصویر چرخان:

#img1 {
  transform: rotate3d(1, 2, 1, 45deg);
}
#img2 {
  transform: rotate3d(0, 1, 0, 60deg);
}
#img3 {
  transform: rotate3d(1, 0, 0, 45deg);
}

آزمایش کنید

نحوه استفاده از CSS

rotate3d(x, y, z, زاویه)

مقدار	توضیحات
x	عدد مثبت یا منفی، تعریف چرخش در محور x.
y	عدد مثبت یا منفی، تعریف چرخش در محور y.
z	عدد مثبت یا منفی، تعریف چرخش در محور z.
زاویه	ضروری. تعیین زاویه چرخش. واحد‌های ممکن: deg (درجه) rad (درجه) چرخش (دایره‌ای)