خصوصیت perspective-origin
مثال (خصوصیت perspective-origin)
تنظیم محل قرار گیری عنصر سه بعدی از پایین.
{
perspective:150px;
perspective-origin: 10% 10%;
-webkit-perspective:150px; /* Safari and Chrome */
-webkit-perspective-origin: 10% 10%; /* Safari and Chrome */
}
پشتیبانی مرورگرها
مرورگرهای 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% |
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 6835
