ویژگی perspective-origin CSS
- صفحه قبل نظاره‌گاه
- صفحه بعدی محتوای مکان
تعریف و استفاده
ویژگی perspective-origin محور X و Y 3D عنصر را تعریف می‌کند. این ویژگی به شما اجازه می‌دهد تا موقعیت پایین 3D عنصر را تغییر دهید.
وقتی برای عنصر ویژگی perspective-origin تعریف می‌شود، فرزندان آن دارای اثر دیدگاه می‌شوند، نه عنصر خود.
توضیح:این ویژگی باید با نظاره‌گاه ویژگی‌ها با یکدیگر استفاده می‌شوند و تنها تأثیرگذار بر عناصر تبدیل 3D هستند.
لطفاً به:
آموزش CSS3:تغییرات 3D CSS3
دستورالعمل HTML DOM:ویژگی perspectiveOrigin
مثال
موقعیت پایه‌ای 3D عناصر را تنظیم کنید:
div
{
perspective:150;
perspective-origin: 10% 10%;
}
قوانین CSS
perspective-origin: محور x محور y;
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| محور x |
موقعیت این دیدگاه را در محور x تعریف می‌کند. مقدار پیش‌فرض: 50%. مقدارهای ممکن:
|
| محور y |
موقعیت این دیدگاه را در محور y تعریف می‌کند. مقدار پیش‌فرض: 50%. مقدارهای ممکن:
|
جزئیات فنی
| مقدار پیش‌فرض: | 50% 50% |
|---|---|
| erbستگی: | خیر |
| نسخه: | 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- |
- صفحه قبل نظاره‌گاه
- صفحه بعدی محتوای مکان
