Style animationTimingFunction 属性

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

animationTimingFunction ການກໍານົດຄວາມຄິດການສະແດງຄວາມຈຳນວນທີ່ພິສູດການປ່ຽນການນາທິການ CSS.

ການກໍານົດຄວາມຄິດຂອງຄວາມຄິດການສະແດງຄວາມຈຳນວນທີ່ພິສູດການປ່ຽນການນາທິການ CSS.

ການສະແດງຄວາມຄິດຂອງຄວາມຄິດການສະແດງຄວາມຈຳນວນທີ່ພິສູດການປ່ຽນການນາທິການ CSS.

ຕົວຢ່າງ

ການຈັດຕັ້ງຄວາມຈຳນວນທີ່ສະໜັບສະໜູນ animationTimingFunction <div> ຂອງບັນຍາການ:

document.getElementById("myDIV").style.animationTimingFunction = "linear";

ການທົດລອງທັນອີກເອງ

ວິທິການ

ຄຳຕອບວ່າ animationTimingFunction 属性:

object.style.animationTimingFunction

ການຈັດຕັ້ງຄວາມຈຳນວນທີ່ສະໜັບສະໜູນ animationTimingFunction:

object.style.animationTimingFunction = "linear|ease|ease-in|ease-out|cubic-bezier(n, n, n, n)|initial|inherit"

ຄວາມຈຳນວນທີ່ສະໜັບສະໜູນ

ຄວາມຈຳນວນ ອະທິບາຍ
linear ຄວາມຄິດຂອງການຕີຕອນຈະບໍ່ຫຼາຍກວ່າການສິ້ນສຸດ.
ease ຄວາມຜົນສົມບູນ. ການຕີຕອນຈະຫຼາຍກວ່າການດຳເນີນ, ຕໍ່ມາຈະຫຼາຍກວ່າການສິ້ນສຸດ.
ease-in ການຕີຕອນຈະຫຼາຍກວ່າການສິ້ນສຸດ.
ease-out ການສິ້ນສຸດຈະຫຼາຍກວ່າການຕີຕອນ.
ease-in-out ການຕີຕອນຂອງການດຳເນີນຈະຫຼາຍກວ່າການສິ້ນສຸດ.
cubic-bezier(n, n, n, n)

ກໍານົດຄວາມຈຳນວນທີ່ເປັນເພື່ອການການນັດບາງຄວາມຈຳນວນທີ່ພິສູດສາຍບາງຄວາມຈຳນວນສາຍສາຍທີ່ສາມາດນຳໃຊ້.

ຄວາມຈຳນວນທີ່ເປັນໄປໄດ້ແມ່ນຈຳນວນທີ່ຈະກວມຈາກ 0 ຫາ 1.
initial ການຈັດຕັ້ງຄວາມຈຳນວນນີ້ໃຫ້ເປັນຄວາມຜົນສົມບູນ. ໄດ້ເບິ່ງ initial.
inherit ຂະຫຍາຍຄວາມຈຳນວນນີ້ຈາກສັບສົນພໍ່. ໄດ້ເບິ່ງ inherit.

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

ຄວາມຜົນສົມບູນ: ease
ຄຳຕອບວ່າ: ຄຳເວົ້າທີ່ສະແດງຄວາມສະທ້ອນຂອງສັບສົນ: ປະສົມປະສານ animation-timing-function.
CSS ສະບັນຍາບັນ: CSS3

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

animationTimingFunction ເປັນລັກສະນະ CSS3 (1999)。

ທຸກບັນຍາການຈະສະໜັບສະໜູນມັນຢ່າງສົມບູນ:

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

ເວັບໄຊທີ່ກ່ຽວກັບ

ຊູບິບ CSS:ປະສົມປະສານ animation-timing-function