ປະເພດ Style animation

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

animation ປະເພດນີ້ແມ່ນປະເພດລັກສະນະການການສະແດງຂອງຫົກປະເພດການສະແດງ:

ສົນທະນາ:ກັບຕັ້ງໃສ່ສະເພາະ. ປະເພດ animationDurationແມ່ນວ່າເວລາການສະແດງຈະເປັນ 0 ແລະຈະບໍ່ໄດ້ສະແດງມາ.

ຕົວຢ່າງ

ນຳໃຊ້ບັນດາປະເພດລັກສະນະການການສະແດງການສະແດງ <div> element:

document.getElementById("myDIV").style.animation = "mynewmove 4s 2";

亲自试一试

语法

返回 animation 属性：

object.style.animation

设置 animation 属性：

object.style.animation = "name duration timingFunction delay iterationCount direction fillMode playState"

属性值

值 描述
animationName 规定要绑定到选择器的关键帧的名称。
animationDuration 规定动画需要多少秒或毫秒才能完成。
animationTimingFunction 规定动画的速度曲线。
animationDelay 规定动画开始之前的延迟。
animationIterationCount 规定动画应该播放多少次。
animationDirection ກຳນົດວ່າການດຳເນີນ animation ຄວນຈະຖືກນຳໃຊ້ທີ່ມີການຫຼອກຫຼົງຫຼັງ.
animationFillMode ກຳນົດວ່າຄວາມຜົນກະທົບທີ່ຖືກນຳໃຊ້ຈາກພາກພື້ນທີ່ບໍ່ແມ່ນການດຳເນີນ.
animationPlayState ກຳນົດວ່າການດຳເນີນ animation ແມ່ນກໍາລັງດຳເນີນຫຼືຖືກຢຸດ.
initial ຍິນຍອມການຕິດຕາມສິ່ງຈາກປະກອບປົກກະຕິ. ບັນດາການກວດສອບຂອງພວກເຮົາ. initial.
inherit ຍິນຍອມການຕິດຕາມສິ່ງຈາກປະກອບປົກກະຕິຂອງປະກອບປົກກະຕິ. ບັນດາການກວດສອບຂອງພວກເຮົາ. inherit.

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

ຄວາມຜົນດັ່ງກ່າວ: none 0 ease 0 1 normal none running
ຜົນກະທົບ: ສາຍຄວາມສະແດງວ່າສິ່ງຂອງມາງຂອງສິ່ງມັນ. ປະສົມປະກອບ animation.
CSS ສະບັບສະໜາມ: CSS3

ການສະໜັບສະໜູນຄະຕິນ

animation ແມ່ນປະສົມປະກອບ CSS3 (1999).

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

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

ບ່ອນໄປກັບ

ປະສົມຄູ່ມູນ CSS:ປະສົມປະກອບ animation