บทช่วยสอน คุณสมบัติมุมมอง CSS3 ที่ดีที่สุดในปี 2024 ในบทช่วยสอนนี้ คุณสามารถเรียนรู้ ตัวอย่าง,สนับสนุนเบราว์เซอร์,แอตทริบิวต์คำจำกัดความและคำแนะนำ,ไวยากรณ์,

คุณสมบัติมุมมอง CSS3

ตัวอย่าง

ตั้งค่ามุมมองขององค์ประกอบที่ใช้งาน:

div
{
มุมมอง: 500;
-webkit มุมมอง: 500; / * Safari และ Chrome * /
}

ลอง»

สนับสนุนเบราว์เซอร์

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

ทันทีหลังจาก -webkit- ดิจิตอล -ms- หรือ -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-

แอตทริบิวต์คำจำกัดความและคำแนะนำ

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

นิยามมุมมองแอตทริบิวต์ซึ่งเป็นลูกขององค์ประกอบมุมมองและไม่องค์ประกอบของตัวเอง

หมายเหตุ: คุณสมบัติมุมมองที่มีผลกระทบเฉพาะองค์ประกอบแปลง 3D

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

เริ่มต้น: ไม่มีเลย
มรดก: ไม่
เวอร์ชัน: CSS3
ไวยากรณ์ javascript: วัตถุ .style.perspective = 500


ไวยากรณ์

perspective:number|none;

ความคุ้มค่า ลักษณะ
จำนวน ระยะห่างจากมุมมองขององค์ประกอบพิกเซล
ไม่มีเลย ผิดนัด เช่นเดียวกับ 0 มุมมองที่ไม่ได้ตั้งค่า
คุณสมบัติมุมมอง CSS3
10/30