CSS3 คุณสมบัติมุมมองแหล่งกำเนิด
ตัวอย่าง
การตั้งค่าที่ตั้งของฐานองค์ประกอบ 3D:
{
มุมมอง: 150;
มุมมองที่ต้นกำเนิด: 10% 10%;
-webkit มุมมอง: 150; / * Safari และ Chrome * /
-webkit-มุมมองที่ต้นกำเนิด: 10% 10%; / * Safari และ Chrome * /
}
ลอง»
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางเป็นตัวแทนของเบราว์เซอร์แรกที่สนับสนุนหมายเลขรุ่นของทรัพย์สิน
ทันทีหลังจาก -webkit- ดิจิตอล -ms- หรือ -moz- ที่ผ่านมาในการสนับสนุนของคำนำหน้าแอตทริบิวต์หมายเลขรุ่นเบราเซอร์แรก
属性 | |||||
---|---|---|---|---|---|
perspective-origin | 36.0 12.0 -webkit- |
10.0 | 16.0 10.0 -moz- |
9.0 4.0.3 -webkit- |
23.0 15.0 -webkit- |
แอตทริบิวต์คำจำกัดความและคำแนะนำ
แกน X และแกน Y มุมมองแหล่งกำเนิดนิยามคุณสมบัติองค์ประกอบ 3 มิติเป็นไปตาม คุณสมบัตินี้ช่วยให้คุณสามารถเปลี่ยนตำแหน่งขององค์ประกอบด้านล่างของ 3D ที่
มุมมอง -Origin นิยามแอตทริบิวต์ซึ่งเป็นลูกขององค์ประกอบมุมมองและไม่องค์ประกอบของตัวเอง
หมายเหตุ: สำหรับผู้ใช้ Chrome และ Safari: เพื่อให้เข้าใจถึง มุมมองของ แอตทริบิวต์!
สำหรับผู้ใช้ Chrome และ Safari: เพื่อให้เข้าใจถึงแอตทริบิวต์มุมมองแหล่งกำเนิดสินค้าให้ดู เช่นมุมมอง
เริ่มต้น: | 50% 50% |
---|---|
มรดก: | ไม่ |
เวอร์ชัน: | CSS3 |
ไวยากรณ์ javascript: | วัตถุ .style.perspectiveOrigin = "10% 10%" |
ไวยากรณ์
ความคุ้มค่า | ลักษณะ |
---|---|
แกน x | มุมมองที่ถูกกำหนดให้อยู่ในตำแหน่งที่แกน x เริ่มต้น: 50% ค่าที่เป็นไปได้:
|
แกน y | ความหมายของตำแหน่งมุมมองในแกน y เริ่มต้น: 50% ค่าที่เป็นไปได้:
|