CSS3 perspective Property

ตั้งค่ามุมมองจากที่เป็นองค์ประกอบที่จะถูกมองไปนี้:

div {
-webkit-perspective: 500px; /* Chrome, Safari, Opera */
perspective: 500px;
}

ความหมายและการใช้งาน

คุณสมบัติมุมมองของผู้กำหนดจำนวนพิกเซลองค์ประกอบ 3D วางอยู่จากมุมมอง คุณสมบัตินี้ช่วยให้คุณสามารถเปลี่ยนมุมมองเกี่ยวกับวิธีองค์ประกอบ 3D จะดู

เมื่อกำหนดคุณสมบัติมุมมองสำหรับองค์ประกอบมันเป็นองค์ประกอบของเด็กที่จะได้รับมุมมองที่ไม่องค์ประกอบของตัวเอง

Note: คุณสมบัติมุมมองที่มีผลต่อองค์ประกอบ 3D เปลี่ยน!

Tip: ใช้คุณสมบัตินี้พร้อมกับ มุมมองของแหล่งกำเนิด ทรัพย์สินซึ่งช่วยให้คุณสามารถเปลี่ยนตำแหน่งด้านล่างขององค์ประกอบ 3D

เพื่อทำความเข้าใจคุณสมบัติมุมมอง ดูการสาธิต

ค่าเริ่มต้น:	none
รับการถ่ายทอด:	no
Animatable:	yes. Read about animatable Try it
เวอร์ชัน:	CSS3
ไวยากรณ์ javascript:	object .style.perspective="50px" Try it

ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ทรัพย์สิน

ตามด้วยหมายเลข -webkit- หรือ -moz- ระบุรุ่นแรกที่ทำงานร่วมกับคำนำหน้า

คุณสมบัติ
perspective	36.0 12.0 -webkit-	10.0	16.0 10.0 -moz-	9.0 4.0.3 -webkit-	23.0 15.0 -webkit-

perspective:length|none;

มูลค่าทรัพย์สิน	ลักษณะ
length	ไกลเท่าไหร่องค์ประกอบที่วางอยู่จากมุมมอง
ไม่มี	ค่ามาตรฐาน เช่นเดียวกับมุมมอง 0. ไม่ได้ตั้งค่า
แรกเริ่ม	การตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น
สืบทอด	สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก

กวดวิชา CSS: CSS 3D แปลง

อ้างอิง HTML DOM: perspective property