ການແນະນຳ:

ບ່ອນໜ້າເບື້ອງຫນ້າ ຫົວຫນື່ງ CSS rotate()
ບ່ອນໜ້າຫນ້າ ຫົວຫນື່ງ CSS rotateX()
ກັບຄືນອັບສັດ ປຶ້ມກໍາໄລການປະຕິບັດພາສາບັດ CSS

CSS rotate3d() 函数

ການກໍານົດແລະການນໍາໃຊ້ rotate3d() CSS

rotate3d() ກົນລະບົບຫຼັກຫຼາຍຂອງບັນດາບັນຊີ. transform ທີ່ນຳໃຊ້.

ຄວາມຈຳນວນ

ຕົວຢ່າງ 1

ໃຊ້ rotate3d() ການສົ່ງວົງຫຼາຍ <div> ສະຖານທີ່:

#myDiv1 {
  transform: rotate3d(1, 2, 1, 45deg);
}
#myDiv2 {
  transform: rotate3d(0, 1, 0, 60deg);
}
#myDiv3 {
  transform: rotate3d(1, 0, 0, 45deg);
}

ທົດລອງຄືນເອງ

ຕົວຢ່າງ 2

ໃຊ້ rotate3d() ການສົ່ງວົງພາບ:

#img1 {
  transform: rotate3d(1, 2, 1, 45deg);
}
#img2 {
  transform: rotate3d(0, 1, 0, 60deg);
}
#img3 {
  transform: rotate3d(1, 0, 0, 45deg);
}

ທົດລອງຄືນເອງ

ສັບສັນ CSS

rotate3d(x, y, z, angle)

ຄູ່ມູນ	ອະທິບາຍ
x	ຈຳນວນທີ່ສຳຄັນຫຼືບໍ່, ກໍານົດການສົ່ງວົງຕາມທາງສາຍ x.
y	ຈຳນວນທີ່ສຳຄັນຫຼືບໍ່, ກໍານົດການສົ່ງວົງຕາມທາງສາຍ y.
z	ຈຳນວນທີ່ສຳຄັນຫຼືບໍ່, ກໍານົດການສົ່ງວົງຕາມທາງສາຍ z.
angle	ຕ້ອງການ. ກຳນົດອັດຕາການສົ່ງວົງ. ອາກາດທີ່ສາມາດໃຊ້: deg（ອັດຕາ） rad（ອາກາດ） turn（ວົງ）