CSS3 perspective-origin Property

مثال

تعيين وضع قاعدة عنصر 3D في:

div {
    -webkit-perspective: 150px; /* Chrome, Safari, Opera */
    -webkit-perspective-origin: 10% 10%; /* Chrome, Safari, Opera */
    perspective: 150px;
    perspective-origin: 10% 10%;
}

انها محاولة لنفسك »

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

تحدد الملكية منظور المنشأ حيث يقوم عنصر 3D في X- والمحور الصادي. هذه الخاصية تسمح لك بتغيير الموقف السفلي من عناصر 3D.

عند تحديد الملكية منظور المنشأ للعنصر، فمن العناصر الطفل الذي يتم وضعه، وليس العنصر نفسه.

Note: يجب استخدام هذه الخاصية مع منظور الملكية، ويؤثر فقط على تحويل 3D العناصر!

إلى فهم أفضل للممتلكات منظور الأصل، عرض تجريبي .

القيمة الافتراضية:	50% 50%
وارث:	no
Animatable:	yes. Read about animatable Try it
الإصدار:	CSS3
جافا سكريبت بناء الجملة:	object .style.perspectiveOrigin="10px 50%" Try it

دعم المتصفح

الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل العقار.

أرقام تليها -webkit- أو -moz- تحدد النسخة الأولى التي عملت مع بادئة.

خاصية
perspective-origin	36.0 12.0 -webkit-	10.0	16.0 10.0 -moz-	تسعة 4.0.3 -webkit-	23.0 15.0 -webkit-

CSS بناء الجملة

perspective-origin:x-axis y-axis|initial|inherit;

قيم الملكية

قيمة الممتلكات	وصف
x-axis	تحديد حيث يتم وضع عرض في المحور س القيم الممكنة: اليسار مركز حق length % القيمة الافتراضية: 50٪
y-axis	تحديد حيث يتم وضع عرض في المحور الصادي القيم الممكنة: أعلى مركز الأسفل length % القيمة الافتراضية: 50٪
مبدئي	تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي
يرث	يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة

صفحات ذات صلة

درس CSS: CSS 3D التحويلات

HTML DOM المرجع perspectiveOrigin property

❮ السابق التالي ❯

CSS مرجع