Style animationFillMode 属性

定义和用法

animationFillMode 属性规定动画不播放时（动画结束时，或有“延迟”时）将应用于元素的样式。

ໂດຍປົກກະຕິ, CSS ການອອກຮູບຮ່າງຈະບໍ່ມີຜົນກະຕຸ້ນສະຫຼຸບວັດຖຸທີ່ກຳລັງຈະກະຕຸ້ນກ່ອນຈະບັນດາການກະຕຸ້ນທຳອິດຂອງການອອກຮູບຮ່າງ, ແລະຈະຢຸດມີຜົນກະຕຸ້ນຫຼັງຈາກບັນດາການກະຕຸ້ນທຳອິດຂອງການອອກຮູບຮ່າງສຸດທ້າຍ.animationFillMode ມະນຸດຈະປົກປ້ອງການຈັດຕັ້ງດັ່ງກ່າວ.

ຄວາມຈິງ

ການປ່ຽນບັນດາມະນຸດ animationFillMode ຂອງ <div>:

document.getElementById("myDIV").style.animationFillMode = "forwards";

ທົດລອງຕົວຕົນ

ວິທິວິທະຍາ

ຄຳຕອບ animationFillMode ມະນຸດ:

object.style.animationFillMode

ການຈັດຕັ້ງ animationFillMode ມະນຸດ:

object.style.animationFillMode = "none|forwards|backwards|both|initial|inherit"

ຄຳຕອບມະນຸດ

ຄຳຕອບ ການອະທິບາຍ
none ຄຳຕອບຄົງກະຕຸ້ນ. ການອອກຮູບຮ່າງຈະບໍ່ນໍາໃຊ້ການຈັດຕັ້ງວັດຖຸມາກ່ອນຫຼືຫຼັງຈາກການກະຕຸ້ນ.
forwards ຫຼັງຈາກການອອກຮູບຮ່າງຈະສຳເລັດ(ຖ້າຈະຕິດຕາມ animation-iteration-count), ການອອກຮູບຮ່າງຈະນໍາໃຊ້ຄຳຕອບຂອງການກະຕຸ້ນທີ່ຈະຈະກະຕຸ້ນຄັ້ງທີ່ສຸດ.
backwards

ໃນລະຫວ່າງການຈັດຕັ້ງ animation-delay, ການອອກຮູບຮ່າງຈະນໍາໃຊ້ຄຳຕອບຂອງການກະຕຸ້ນທີ່ຈະຈະກະຕຸ້ນຂອງການກະຕຸ້ນຄັ້ງທຳອິດ.

ບັນດາມະນຸດທີ່ຈະກະຕຸ້ນຈາກຄຳຕອບຂອງການກະຕຸ້ນ(ຖ້າກົດລະບຽບການກະຕຸ້ນແມ່ນ "normal" ຫຼື "alternate") ຫຼືມາຄຳຕອບຂອງການກະຕຸ້ນ(ຖ້າກົດລະບຽບການກະຕຸ້ນແມ່ນ "reverse" ຫຼື "alternate-reverse").
both ການອອກຮູບຮ່າງຈະຕິດຕາມກົດລະບຽບການກະຕຸ້ນໄປຫາການກະຕຸ້ນມາຫາການກະຕຸ້ນອອກ. ເຖິງຢ່າງນັ້ນຈະຕິດຕາມສັບສົນທີ່ຈະກະຕຸ້ນຂອງການອອກຮູບຮ່າງ.
initial ການຈັດຕັ້ງບັນດາມະນຸດສັບສົນນັ້ນໃຫ້ເປັນຄຳຕອບຄົງກະຕຸ້ນ. ບັນດາບັນດາສາຍຄວາມທີ່ສະແດງວ່າ: initial。
inherit ຍິນຍອມການສະໜັບສະໜູນບັນດາມະນຸດສັບສົນນັ້ນຈາກສັບສົນພໍ່. ບັນດາບັນດາສາຍຄວາມທີ່ສະແດງວ່າ: inherit。

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

ຄຳຕອບຄົງກະຕຸ້ນ none
ຄຳຕອບສະຫຼຸບ ສາຍຄວາມທີ່ສະແດງວ່າສັບສົນ ປະສົມປະມານ animation-fill-mode。
CSS ສະບັບ: CSS3

ການສະໜັບສະໜູນບັນດາບັນນາທິການ

animationFillMode ເປັນປະສົມປະກອບ CSS3 (1999).

ທຸກບັນດາບັນນາທິການທັງໝົດສະໜັບສະໜູນມັນ:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ 11

ບັນດາໜ້າທີ່ກ່ຽວຂ້ອງ

CSS ປື້ມການອອກສຳນວນ:ປະສົມປະມານ animation-fill-mode