CSS perspective-origin کا پارٹی

تعریف و استعمال

perspective-origin خاصیت 3D عنصر کو اس کی بنیادی x-اسطرہ اور y-اسطرہ کا تعریف کرتی ہے۔ اس خاصیت کی مدد سے آپ 3D عنصر کی بنیادی پوزیشن بدل سکتے ہیں。

جب ایک عنصر کو perspective-origin خاصیت دیا جاتا ہے تو اس کا ذریعہ عنصر اپنے ذریعہ بجائے اس کا ذریعہ بچوں کو پریشانی کا اثر مل جاتا ہے。

نوٹ:اس خاصیت کو منظور خصوصیات کا استعمال ساتھی ساتھی کیا جاتا ہے اور صرف 3D تبدیلی عنصر کو اثر انداز میں لایا جاتا ہے。

ایک بار دیگر دیکھئے:

CSS3 تعلیم:CSS3 3D تبدیلی

HTML DOM مراجع کتاب:perspectiveOrigin خاصیت

مثال

3D عنصر کا بنیادی مقام رکھنے کے لئے:

div
{
perspective:150;
perspective-origin: 10% 10%;
}

آپ خود سجیئے

CSS زبان

perspective-origin: x-اسطرہ y-اسطرہ;

خصوصیت کا مقادیر

مقادیر وصف
x-اسطرہ

اس نظریے کو اس کی x-اسطرہ پر کتنا اچا یا نیچا رکھا جائے، مقصد: 50%.

ممکنہ مقادیر:

  • بنیاد
  • وسط
  • دیکھنے کی جانب
  • طول
  • %
y-اسطرہ

اس نظریے کو یہ کہتا ہے کہ اس نظریے کو y-اسطرہ پر کتنا اچا یا نیچا رکھا جائے، مقصد: 50%.

ممکنہ مقادیر:

  • بالا
  • وسط
  • بنیاد
  • طول
  • %

تکنیکی تفصیلات

مقصد: 50% 50%
وارثیتی: خیر
ورژن: CSS3
جاوا اسکریپت زبان: عنصر.style.perspectiveOrigin="10% 10%"

براؤزر کی حمایت

جداول میں دکھائی دیئے ہوئے شماریات، اس کی اصل حمایتی براؤزر کی نسخہ کا نام بتاتے ہیں。

چروم آئی ای / ایج فائر فاکس سافری اوپرا
36.0
12.0 -webkit-		 10.0 16.0
10.0 -moz-		 9.0
4.0.3 -webkit-		 23.0
15.0 -webkit-