0

مرجع CSS

 
parisaexp
parisaexp
کاربر نقره ای
تاریخ عضویت : مهر 1392 
تعداد پست ها : 888
محل سکونت : اصفهان

پاسخ به:مرجع CSS
سه شنبه 11 آذر 1393  2:44 AM

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

 

لِکُلِّ شَیْ‏ءٍ زَکَاةٌ وَ زَکَاةُ الْعَقْلِ احْتِمَالُ الْجُهَّال‏

برای هر چیزی زکاتیست و زکات عقل تحمّل نادانان است.

تشکرات از این پست
دسترسی سریع به انجمن ها