خصائص CSS perspective

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

تحدد خاصية perspective المسافة بين العنصر 3D والرؤية، مقاسها بالبكسل. تسمح لك هذه الخاصية بتغيير زاوية الرؤية للعنصر 3D.

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

تعليق:خاصية perspective تؤثر فقط على العناصر التي تحول 3D.

نصيحة:يرجى الرجوع إلى perspective-origin استخدم الخاصية مع هذه الخاصية لتمكنك من تغيير موقع القاع للعنصر 3D.

انظر أيضًا:

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

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

مثال

تعيين الرؤية للعنصر الذي يتم النظر فيه:

div
{
perspective: 500;
}

تجربة شخصية

syntax CSS

perspective: رقم|لا شيء;

قيمة الخاصية

القيمة الوصف
رقم المسافة بين العنصر والرؤية، مقاسها بالبكسل.
لا شيء القيمة الافتراضية. متساوية مع 0. لا يتم تعيين النظرة.

تفاصيل التقنية

القيمة الافتراضية: لا شيء
تنسيق الإرث: نعم
الإصدار: CSS3
جافا سكريبت syntax: عنصر.style.perspective=500

دعم المتصفح

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

الرقم المكتوب مع -webkit- أو -moz- يشير إلى الإصدار الأولي الذي يستخدم المقدمة.

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-