CSS rotate کی اپریٹ

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

چرخش ویژگی به شما اجازه می‌دهد عنصر را چرخش دهید.

چرخش ویژگی یک مقدار تعریف می‌کند که نشان‌دهنده میزان چرخش عنصر به دور از محور z است. برای چرخش عنصر به دور از محور x یا y یا به روش دیگر، باید تعریف مناسب انجام شود.

چرخش مقدار ویژگی می‌تواند یک زاویه، نام محور + زاویه یا سه مقدار + زاویه باشد.

• اگر فقط یک زاویه داده شود، عنصر به دور از محور z به سمت راست می‌چرخد.
• اگر نام محور + زاویه داده شود، عنصر به دور از محور مشخص شده به سمت راست می‌چرخد.
• اگر سه مقدار + زاویه داده شود، این سه مقدار یک بردار را تعریف می‌کنند که عنصر به دور از آن می‌چرخد.

برای درک بهتر چرخش ویژگی، لطفاً به: بنگریدنمایش。

توجه:یکی از روش‌های دیگر برای چرخش عنصر استفاده از CSS rotate() فنکشن ویژگی CSS transform.

مثال

مثال 1

چرخش عنصر را تغییر دهید:

div {
  rotate: 30deg;
}

آزمایش کنید

مثال 2

وقتی چرخش عنصر به دور از بردار و زاویه چرخش قرار می‌گیرد.

در اینجا، بردار دو بعدی平面 [1 1 0] است که دارای اکسی و ی مختصات است و سپس 60 درجه می‌چرخد:

div {
  rotate: 1 1 0 60deg;
}

آزمایش کنید

جمله‌بندی CSS

rotate: محور زاویه|مقدار پیش‌فرض|نوآوری;

مقدار ویژگی

جزئیات فنی

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

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

صفحات مرتبط

تعلیم:CSS 2D تبدیلات

تعلیم:CSS 3D تبدیلی

مطابقت:CSS scale کی اپریٹ

مطابقت:CSS translate کی کچھتی