CSS rotate() فنکشن

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

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

rotate() فنکشن در تبدیل در استفاده از این ویژگی.

مثال

مثال 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

صفحات مرتبط

درس:CSS 2D تبدیلات

مطالبه:CSS transform کا پریم

مطالبه:CSS rotate کا کیمپٹنٹ

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

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

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

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