خصوصیت rotation-point
مثال (خصوصیت rotation-point)
چرخش 180 درجه ای عنصر h1 حول نقطه مشخص:
h1
{
rotation-point:50% 50%;
rotation:180deg;
}
خودتان امتحان کنید »{
rotation-point:50% 50%;
rotation:180deg;
}
پشتیبانی مرورگرها
هیچ یک از مرورگرهای اصلی، خصوصیت rotation-point را پشتیبانی می کنند.
تعریف و کاربرد
خصوصیت rotation-point یک زوج عدد است که یک نقطه را به عنوان افست از لبه بالایی گوشه چپ مشخص می کند. در حقیقت چرخش حول این نقطه صورت می گیرد.
نکته: خصوصیت rotation-point در کنار خصوصیت rotation به کار می رود.
| مقدار پیشفرض | 50% 50% |
|---|---|
| ارث بری | خیر |
| نسخه | CSS3 |
| JavaScript ساختار | object.style.rotationPoint="25% 25%" |
نحوه استفاده
rotation-point: value;
| مقدار | توضیحات |
|---|---|
| left top left center left bottom right top right center right bottom center top center center center bottom |
در صورتی که یک کلید واژه مشخص کردید، مقدار دوم "center" خواهد بود. |
| x% y% |
درصدها اشاره به عرض و ارتفاع کادر حاشیه دارد. |
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 15982
دیدگاه‌ها
سلام
لطفا توضیح بدید اگر خصوصیت rotation پشتیبانی نمیشه پس جایگزینش چیه؟
می توانید از jquery برای چرخش استفاده کنید.