CSS animation-delay 属性

ການກໍານົດ ແລະການນໍາໃຊ້

animation-delay ປະສົມປະສານຈະກໍານົດເວລາທີ່ຈະເລີ່ມຍິງອາກາດ.

ຈຳນວນ animation-delay ຈະເປັນວິນາທີຫຼືມິນາທີ.

ຄຳແນະນຳ:ການອະນຸຍາດຈຳນວນທີ່ລົງລວງ, -2s ຈະເລີ່ມຍິງອາກາດທັນທີ່, ແຕ່ຈະຂ້າມຜ່ານ 2 ວິນາທີ ເຂົ້າໃນວິກາດຍິງອາກາດ.

ອ່າງວ່າ:

ການສອນ CSS3:ການຕັ້ງຕາມການສະແດງ CSS

ປື້ມກໍານົດ HTML DOM:ປະສົມປະສານ animationDelay

ຄວາມລະອຽດ

ຕົວຢ່າງ 1

ລໍຖ້າ 2 ວິນາທີ ກ່ອນຈະເລີ່ມຍິງອາກາດ:

div {
  animation-delay: 2s;
}

ທ້າທາຍການທົດລອງ

ຕົວຢ່າງ 2

ຈຳນວນທີ່ລົງລວງ, ສະແດງວ່າການຍິງອາກາດຈະຂ້າມຜ່ານ 2 ວິນາທີ ແລະເລີ່ມຍິງອາກາດ:

div {
  animation-delay: -2s;
}

ທ້າທາຍການທົດລອງ

ສັບພາສາ CSS:

animation-delay: time;
ຈຳນວນ ສະແດງຮູບມື ການທົດລອງ
time ຄວາມອະນຸຍາດ. ການກໍານົດເວລາທີ່ຈະລໍຖ້າກ່ອນການເລີ່ມຍິງອາກາດ, ທີ່ວິນາທີຫຼືມິນາທີ. ຄູ່ມົນປະກອບຈະແມ່ນ 0. ການທົດລອງ

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

ຄູ່ມົນປະກອບ: 0
ການສະໜັບສະໜຸນ: no
ສະຖານະ: CSS3
ສັບພາສາ JavaScript: object.style.animationDelay="2s"

ການສະໜັບສະໜຸນບັນຊີບັນນາທິການ

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

ການໃຊ້ -webkit-、-moz- ຫຼື -o- ທີ່ມີຈຳນວນທີ່ສຸດທ້າຍຂອງລຸ່ມການໃຊ້.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
43.0
4.0 -webkit-		 10.0 16.0
5.0 -moz-		 9.0
4.0 -webkit-		 30.0
15.0 -webkit-
12.0 -o-