خصائص CSS perspective-origin

التعريف والاستخدام

تحدد خاصية perspective-origin المحور x والي轴 التي يعتمد عليها العنصر ثلاثي الأبعاد. تسمح هذه الخاصية بتغيير موقع القاعدة للعنصر ثلاثي الأبعاد.

عند تعريف خاصية perspective-origin للعنصر، فإن العناصر الفرعية تحصل على تأثير الرؤية وليس العنصر نفسه.

ملاحظة:يجب أن تستخدم هذه الخاصية مع رؤية تُستخدم الخاصية مع خاصية أخرى، وهي تؤثر فقط على العناصر المتحولة ثلاثية الأبعاد.

انظر أيضًا:

دليل CSS3تحويل 3D CSS3

دليل HTML DOMخاصية perspectiveOrigin

مثال

ضبط موقع الأساس للعناصر ثلاثية الأبعاد:

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%"

دعم المتصفح

الرقم في الجدول يوضح إصدار المتصفح الأول الذي يدعم هذه الخاصية بالكامل.

Chrome IE / Edge Firefox Safari Opera
36.0
12.0 -webkit-		 10.0 16.0
10.0 -moz-		 9.0
4.0.3 -webkit-		 23.0
15.0 -webkit-