توابع rotate() CSS

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

CSS rotate() چرخش 2D عنصر تعریف شده با توابع.

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

مثال

مثال 1

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

#myDiv1 {
  transform: rotate(25deg);
}
#myDiv2 {
  transform: rotate(45deg);
}
#myDiv3 {
  transform: rotate(-45deg);
}

آزمایش کنید

مثال 2

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

#img1 {
  transform: rotate(90deg);
}
#img2 {
  transform: rotate(45deg);
}
#img3 {
  transform: rotate(-45deg);
}

آزمایش کنید

نوع دستور CSS

rotate(angle)
مقدار توضیح
angle

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

  • deg (درجه)
  • rad (میدان)
  • turn (دوره)

جزئیات فنی

نسخه: CSS Transforms Module Level 1

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

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

کروم آیند افرادا سافاری اپرا
1 12 3.5 3.1 10.5

صفحات مرتبط

تدریس:تغییرات 2D CSS

منابع:ویژگی transform CSS

منابع:ویژگی rotate CSS

منابع:توابع rotate3d() CSS

منابع:فنون CSS rotateX()

منابع:توابع rotateY() CSS

منابع:توابع rotateZ() CSS