پاسخ به:مرجع CSS
سه شنبه 11 آذر 1393 2:44 AM
تنظیم محل قرار گیری عنصر سه بعدی از پایین.
مرورگرهای Firefox و IE 10 خصوصیت perspective-origin را پشتیبانی می کنند.
مرورگرهای Safari و Chrome خصوصیت جایگزین webkit-perspective-origin- را پشتیبانی می کنند.
با استفاده از خصوصیت perspective-origin می توان مشخص کرد که یک عنصر سه بعدی روی محور X و محور y از کجا شروع شود. این خصوصیت به شما اجازه می دهد، محل قرارگیری عنصر سه بعدی از پایین را مشخص کنید.
نکته: خصوصیت perspective-origin را به همراه خصوصیت perspective به کار ببندید. این کار به شما اجازه می دهد، مکان پایینی عنصر سه بعدی را تغییر دهید.
کاربران chrome و Safari برای درک بهتر خصوصیت perspective این دمو demo را ملاحظه فرمایید.
مقدار پیشفرض | 50% 50% |
---|---|
ارث بری | خیر |
نسخه | CSS3 |
JavaScript ساختار | object.style.perspectiveOrigin="10% 10%" |
مقدارخصوصیت | توضیحات |
---|---|
x-axis |
تعریف اینکه دورنما کجای محور x ها قرار گیرد. مقادیر ممکن:
مقدار پیشفرض 50% |
y-axis |
تعریف اینکه دورنما کجای محور y ها قرار گیرد. مقادیر ممکن:
مقدار پیشفرض 50% |