CSS3 เปลี่ยนรูปแบบสถานที่ให้บริการ
ตัวอย่าง
ให้องค์ประกอบของเด็กลงไปในแปลงจอง 3D:
div
{
เปลี่ยน: rotateY (60deg);
เปลี่ยนสไตล์: รักษา-3D;
-webkit-เปลี่ยน: rotateY (60deg); / * Safari และ Chrome * /
-webkit-เปลี่ยนสไตล์: รักษา-3D; / * Safari และ Chrome * /
}
{
เปลี่ยน: rotateY (60deg);
เปลี่ยนสไตล์: รักษา-3D;
-webkit-เปลี่ยน: rotateY (60deg); / * Safari และ Chrome * /
-webkit-เปลี่ยนสไตล์: รักษา-3D; / * Safari และ Chrome * /
}
ลอง»
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางเป็นตัวแทนของเบราว์เซอร์แรกที่สนับสนุนหมายเลขรุ่นของทรัพย์สิน
ทันทีหลังจาก -webkit- ดิจิตอล -ms- หรือ -moz- ที่ผ่านมาในการสนับสนุนของคำนำหน้าแอตทริบิวต์หมายเลขรุ่นเบราเซอร์แรก
属性 | |||||
---|---|---|---|---|---|
transform-style | 36.0 12.0 -webkit- |
11.0 | 16.0 10.0 -moz- |
9.0 4.0 -webkit- |
23.0 15.0 -webkit- |
แอตทริบิวต์คำจำกัดความและคำแนะนำ
เปลี่ยน - แอตทริบิวต์สไตล์เพื่อระบุว่าองค์ประกอบที่ซ้อนกันจะแสดงในพื้นที่สามมิติ
หมายเหตุ: คุณสมบัตินี้จะต้อง เปลี่ยน สถานที่ให้บริการ
ผู้ใช้ Safari / Chrome: เพื่อความเข้าใจที่ดีขึ้นเปลี่ยน - โรงแรมสไตล์ให้ดูตัวอย่าง แสดงให้เห็นถึง
เริ่มต้น: | แบน |
---|---|
มรดก: | ไม่ |
เวอร์ชัน: | CSS3 |
ไวยากรณ์ javascript: | วัตถุ .style.transformStyle = "รักษา-3D" |
ไวยากรณ์
เปลี่ยนสไตล์: แบน | รักษา-3D;
ความคุ้มค่า | ลักษณะ |
---|---|
แบน | องค์ประกอบของเด็กจะไม่รักษาตำแหน่ง 3 มิติ |
รักษา-3D | องค์ประกอบของเด็กจะรักษาตำแหน่ง 3 มิติ |