تابع rotate() در CSS برای چرخش عناصر حول محور خود استفاده میشود. با این تابع میتوان عناصر را به زاویه دلخواه چرخاند و افکتهای حرکتی و طراحی جذاب ایجاد کرد. برای یادگیری بیشتر و مثالهای عملی، به دوره آموزش CSS مراجعه کنید.
ساختار تابع rotate
rotate(angle)- angle: زاویه چرخش عنصر بر حسب درجه (deg) یا رادیان (rad).
مثال عملی تابع rotate
.rotate-box {
transform: rotate(45deg);
width: 150px;
height: 150px;
background-color: #3498db;
}جدول ویژگیها و توضیحات
| ویژگی | توضیح |
|---|---|
| angle | زاویه چرخش عنصر (deg یا rad) |
نکات مهم
- تابع rotate() بخشی از ویژگی transform در CSS است.
- زاویه میتواند مثبت یا منفی باشد تا جهت چرخش مشخص شود.
- ترکیب rotate با scale و translate افکتهای حرکتی جذاب ایجاد میکند.
- میتوان از rotate برای انیمیشنها و جلوههای تعاملی استفاده کرد.
ادامه آموزش
برای یادگیری کامل افکتهای transform و استفاده حرفهای از rotate در CSS، حتماً دوره آموزش CSS را مشاهده کنید.
آموزش قبلی: آموزش تابع scale در CSS
آموزش بعدی: آموزش تابع Skew در CSS
دیدگاه و پرسش