ویژگی perspective CSS

تعریف و استفاده

ویژگی perspective فاصله 3D عناصر از دیدگاه را به پیکسل نشان می‌دهد. این ویژگی به شما اجازه می‌دهد تا زاویه دید برای دیدن 3D عناصر را تغییر دهید.

وقتی ویژگی perspective برای یک عنصر تعریف می‌شود، فرزندان آن عنصر از اثر نقطه دید بهره‌مند می‌شوند، نه عنصر خود.

نکته:ویژگی perspective فقط تأثیر بر عناصر تغییرات سه‌بعدی دارد.

توجه:لطفاً با perspective-origin ویژگی‌هایی که با این ویژگی استفاده می‌شوند، به کار ببرید تا بتوانید مکان پایین 3D عناصر را تغییر دهید.

لطفاً به:

آموزش CSS3:تغییرات 3D CSS3

دستورالعمل HTML DOM:ویژگی perspective

مثال

تنظیم مکان دیدگاه برای عناصر مورد بررسی:

div
{
perspective: 500;
}

آزمایش کنید:

قوانین CSS

perspective: اعداد|none;

مقدار ویژگی

مقدار توضیح
اعداد فاصله عناصر از دیدگاه به پیکسل.
هیچ‌یک مقدار پیش‌فرض. با 0 مشابه است. هیچ نقطه دیدی تنظیم نمی‌شود.

جزئیات فنی

مقدار پیش‌فرض: هیچ‌یک
ارث‌پذیری: بله
نسخه: CSS3
قوانین جاوااسکریپت: object.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-