CSS perspective() ຟັງວິນ

ການອະທິບາຍແລະການນໍາໃຊ້

CSS perspective() ຟັງວິນຕັ້ງການກໍານົດຄວາມຫ່າງຂອງຜູ້ນຳໃຊ້ຫາລະບາຍ z=0.

perspective() ຟັງວິນຕັ້ງການ transform ໃນປະເພດຂອງປະຕິບັດພາສາ.

ການທົດລອງ

ນຳໃຊ້ perspective() ການເພີ່ມຜົນການປ່ຽນສະແດງຂອງສອງສີບຫຼັງ:

.cube1 {
  font-size: 4em;
  width: 2em;
  margin: 1.5em auto;
  transform-style: preserve-3d;
  transform: perspective(5cm) rotateX(-15deg) rotateY(30deg);
}
.cube2 {
  font-size: 4em;
  width: 2em;
  margin: 1.5em auto;
  transform-style: preserve-3d;
  transform: perspective(10cm) rotateX(-15deg) rotateY(30deg);
}

ການທົດລອງຄັ້ງຂອງເຈົ້າ

ສິ່ງທີ່ຕັ້ງການ:

perspective(length|none)
ຄູ່ມູນ ອະທິບາຍ
length ຕ້ອງການ. ກໍານົດຄວາມຫ່າງຂອງຜູ້ນຳໃຊ້ຫາລະບາຍ z=0. none ມີເຫດຜົນບໍ່ມີການປ່ຽນສະແດງ.

ລາຍລະອຽດດ້ານເຕັກນິກ

ສະຖານະ: CSS Transforms Module Level 2

ການພິຈາລະນາບັນດາອິນເຕີເນັດ

ຈຳນວນໃນຕາລະບັນຍາກຳໃນຕາລະບັນຍາກຳທີ່ພິຈາລະນາສະໜັບສະໜູນຟັງວິນນີ້ຄັ້ງທຳອິດ.

Chrome Edge Firefox Safari Opera
perspective()
12 12 10 4 15
perspective(none)
97 97 93 15.4 83

ເວັບໄຊທີ່ກ່ຽວຂ້ອງ

ການສະເໜີ:CSS 3D ການປ່ຽນສະແດງ

ກ່ຽວກັບ:ຄັດສະນີ transform

ກ່ຽວກັບ:ຫົວຂໍ້: CSS rotate() ຟັງວິນ

ກ່ຽວກັບ:ຫົວຂໍ້: CSS rotate3d() ຟັງວິນ

ກ່ຽວກັບ:ຫົວຂໍ້: CSS rotateX() ຟັງວິນ

ກ່ຽວກັບ:ຄັດສະນີ rotateY() ການສະແດງ

ກ່ຽວກັບ:ຄັດສະນີ rotateZ() ການສະແດງ