ການປົກຄອງການຄະນະກຳລັງ

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

animation ບັນດາລະບຽບສະແດງພາສາຫລັກສະຕິກຳມີຄວາມຫລຸດຫລັງຈາກການການກະກຽມບັນດາລະບຽບສະແດງພາສາຫລັກສະຕິກຳມີຄວາມຫລຸດຫລັງຈາກການການກະກຽມບັນດາລະບຽບສະແດງພາສາຫລັກສະຕິກຳມີຄວາມຫລຸດ

ຄຳເຫັນ:ຂ້ອຍກຳລັງບັງຄັບ animation-duration ບັນດາລະບຽບແບບສະແດງພາສາຫລັກສະຕິກຳບໍ່ມີສະແດງຫລັງຈາກທີ່ມີການຫລີ້ນບໍ່ດີຫລາຍຫລັງການປະກາດບໍ່ມີການຫລີ້ນບໍ່ດີຫລາຍຫລາຍສະແດງພາສາຫລັກສະຕິກຳບໍ່ມີສະແດງຫລັງຈາກທີ່ມີການປະກາດບໍ່ມີການຫລີ້ນບໍ່ດີຫລາຍຫລາຍສະແດງພາສາຫລັກສະຕິກຳບໍ່ມີສະແດງ

ຍັງບອກວ່າ:

CSS3 ການສອນ:ການສະແດງອິນເທຣນ CSS

HTML DOM ການປຶກສາ:animation 属性

实例

使用简写属性，将动画与 div 元素绑定：

div
{
animation:mymove 5s infinite;
}

亲自试一试

ຄຳບັນນາທິ CSS

animation: name duration timing-function delay iteration-count direction;
ຈຳນວນທີ່ມີຄວາມຮັບຮູບ ການອະທິບາຍ
animation-name ປະກາດຈຳນວນຊື່ keyframe ທີ່ຕ້ອງຖືກປະກັນໃຫ້ໃນຄູ່ມວນຊື່.
animation-duration ປະກາດເວລາທີ່ການກະຕຸບານຈະດຳເນີນ, ທີ່ມີສະເພາະອາທິດຕາມວັນນະວັດຕາມລາຍອາທິດຫຼືມີສະເພາະອາທິດຕາມວັນ.
animation-timing-function ປະກາດຄວາມໄວທີ່ການກະຕຸບານຈະດຳເນີນ.
animation-delay ປະກາດຄວາມຫຼັງຂອງການກະຕຸບານຄັ້ງທຳອິດ.
animation-iteration-count ປະກາດຈຳນວນທີ່ການກະຕຸບານຄັ້ງທຳອິດຈະດຳເນີນ.
animation-direction ປະກາດວ່າຈະສາມາດກະຕຸບານທີ່ຫຼັງການກະຕຸບານຄັ້ງທຳອິດຫຼືບໍ່.
animation-fill-mode ປະກາດຈຳນວນທີ່ມີຄວາມຮັບຮູບຂອງການກະຕຸບານຂອງການກະຕຸບານທີ່ບໍ່ມີການກະຕຸບານ.
animation-play-state ປະກາດວ່າການກະຕຸບານທີ່ກຳລັງດຳເນີນຫຼືຖືກຢຸດ.

ລາຍລະອຽດດ້ານເຕັກນິກ

ຄວາມປົກກະຕິ: none 0 ease 0 1 normal
ການເປັນສາຍນອກ: no
ລະບົບ: CSS3
ຄຳບັນນາທິການ JavaScript: object.style.animation="mymove 5s infinite"

ການຮັບຮູບຂອງບັນດາບັນດາບາດີໂລໄຊ

ຈຳນວນທີ່ມີຄວາມຮັບຮູບຂອງໂບດແມ່ນຈຳນວນທີ່ມີຄວາມຮັບຮູບຂອງປະກອບປະກາດຂອງສະບັບການໃຊ້ບົດສະຫ�າກຄັ້ງທຳອິດ.

ຈຳນວນທີ່ມີຄວາມຮັບຮູບຂອງໂບດແມ່ນຄວາມຄິດຂອງສະບັບການໃຊ້ບົດສະຫຼາກໃນການໃຊ້ບົດສະຫຼາກຄັ້ງທຳອິດ.

Chrome IE / 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-