سبد (0)

خصوصیت perspective-origin

مثال (خصوصیت perspective-origin)

تنظیم محل قرار گیری عنصر سه بعدی از پایین.

div
{
perspective:150px;
perspective-origin: 10% 10%;
-webkit-perspective:150px; /* Safari and Chrome */
-webkit-perspective-origin: 10% 10%; /* Safari and Chrome */
}
خودتان امتحان کنید »

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

Internet Explorer Firefox Opera Google Chrome Safari

مرورگرهای 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%"

نحوه استفاده

perspective-origin: x-axis y-axis;
مقدارخصوصیتتوضیحات
x-axis

تعریف اینکه دورنما کجای محور x ها قرار گیرد.

مقادیر ممکن:

  • left
  • center
  • right
  • length
  • %

مقدار پیشفرض 50%

y-axis

تعریف اینکه دورنما کجای محور y ها قرار گیرد.

مقادیر ممکن:

  • top
  • center
  • bottom
  • length
  • %

مقدار پیشفرض 50%

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه پرداخت آنلاین - بانک اقتصاد نوین پرداخت آنلاین - بانک سامان