سبد (0)

تبلیغات

خصوصیت 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%

درصدها اشاره به عرض و ارتفاع کادر حاشیه دارد.

دیدگاه‌ها  

+1 # سارا 1393-12-21 15:40
سلام
لطفا توضیح بدید اگر خصوصیت rotation پشتیبانی نمیشه پس جایگزینش چیه؟
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # مظاهر نصوحی 1393-12-22 09:33
می توانید از jquery برای چرخش استفاده کنید.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه پرداخت آنلاین - بانک اقتصاد نوین پرداخت آنلاین - بانک سامان
 
دوره های آموزشی راه اندازی کسب و کارهای اینترنتی
تبلیغات اینترنتی