خصوصیت rotation-point

چاپ

مثال (خصوصیت rotation-point)

چرخش 180 درجه ای عنصر h1 حول نقطه مشخص:

h1
{
rotation-point:50% 50%;
rotation:180deg;
}
خودتان امتحان کنید »

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

Internet Explorer Firefox Opera Google Chrome Safari

هیچ یک از مرورگرهای اصلی، خصوصیت 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%

درصدها اشاره به عرض و ارتفاع کادر حاشیه دارد.
نوشته شده توسط امیر پهلوان صادق
بازدید: 15818