ຄູ່ມູນການຂອງບັນດາບັນດາຂອງ CSS

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

ບັນຊີ transition-property ກໍານົດວິດີຈະການທີ່ຈະມີການນຳໃຊ້ການຜ່ານບັນຫາບັນຊີ CSS (ບໍ່ວ່າບັນຊີ CSS ທີ່ຖືກປ່ຽນແປງຈະສ້າງການຜ່ານບັນຫາ).

ຄຳແນະນຳ:ການຜ່ານບັນຫາຈະກຳລັງເກີດຂຶ້ນເມື່ອຜູ້ນຳໃຊ້ກຳລັງຕີນຄື້ນວິດີຈະການ.

ຄວາມເຫັນ:ກັບການສະແດງຄວາມຫນັງຫນາຍຈະຖືກກວດສອບຫຼາຍຄວາມຫນັງຫນາຍ. transition-duration ບັນຊີຈະຖືກນຳໃຊ້ຫຼາຍຄວາມຫນັງ, ຖ້າບໍ່ມີການນຳໃຊ້ບໍ່ຈະມີການຜ່ານບັນຫາ.

ອີງຕາມ:

ຄູ່ມູນນິວລະຄອມ CSS:ການປ່ຽນ CSS

ຄູ່ມູນນິວລະຄອມ HTML DOM:ບັນຊີ transitionProperty

ຄວາມລາຍງາຍ

ການຕີນຄື້ນຂອງຂັ້ນສັນຍາວິດີຈະການ div ຈະສ້າງການຜ່ານບັນຫາທີ່ມີການປ່ຽນແປງຂອງວົງຂວາງວິດີຈະການຫນັງທີ່ມີການປ່ຽນແປງຫນັງຫນາຍ.

div {
  transition-property: width;
}

ທົດລອງຄັບພິມ

ສັບພາສາ CSS

transition-property: none|all|ບັນຊີ;

ຄູ່ມົນມວນບັນຊີ

ຄູ່ມົນມວນ ການອະທິບາຍ
none ບໍ່ມີບັນຊີຈະມີການນຳໃຊ້ການຜ່ານບັນຫາ.
all ທຸກບັນຊີຈະມີການນຳໃຊ້ການຜ່ານບັນຫາ.
ບັນຊີ ພົບສະມາຊິກບັນຊີ CSS ທີ່ມີການນຳໃຊ້ການຜ່ານບັນຫາຫຼາຍຄວາມຮູບຮ່າງວັດຖຸຂອງຄວາມຜ່ານບັນຫາທີ່ຈະມີການຜ່ານບັນຫາ, ທີ່ຈະມີການຖືກປ່ຽນແປງຂອງຄວາມຮູບຮ່າງວັດຖຸ.

ຂໍ້ມູນດ້ານເຕັກນິກ

ຄູ່ມົນມວນທີ່ເປັນການສະແດງມາດຕະຖານ: all
ການຖືກນຳໃຊ້: no
ສະບັບ: CSS3
ສັບພາສາ JavaScript: object.style.transitionProperty="width,height"

ການສະໜັບສະໜູນບັນຊີບັນຊີ

ຈຳນວນທີ່ມີໃນຕາຕະລາງສະແດງວ່າການສະໜັບສະໜູນຄັ້ງທຳອິດຂອງຄວາມສະຫນັບສະຫນຸນສິ່ງນັ້ນ.

ຈຳນວນສະໄໝທີ່ມີ -webkit-、-moz- ຫຼື -o- ສະແດງວ່າມີການນໍາໃຊ້ກໍາແພງສະບັບຄັ້ງທຳອິດ.

Chrome IE / Edge Firefox Safari Opera
26.0
4.0 -webkit-		 10.0 16.0
4.0 -moz-		 6.1
3.1 -webkit-		 12.1
10.5 -o-