ເຄື່ອງສ້າງການເຄື່ອນໄຫວ CSS - ໃຊ້ຟຣີອອນໄລນ | FunToolX
ໃຊ້ ເຄື່ອງສ້າງການເຄື່ອນໄຫວ CSS ຟຣີອອນໄລນ ບໍ່ຕ້ອງດາວໂຫຼດ. FunToolX ມີເຄື່ອງມືອອນໄລນມ່ວນນັບຮ້ອຍ.
ກ່ຽວກັບເຄື່ອງມືນີ້
CSS Animation Generator ເປັນເຄື່ອງມືອອນໄລນຟຣີ. ການຕັ້ງຄ່າ keyframes ແລະສ້າງ @keyframes animation CSS.
ເພີ່ມ keyframe ໃນ timeline, ແຕ່ລະ keyframe ຕັ້ງຄຸນສົມບັດຂອງອົງປະກອບ (ຕຳແໜ່ງ, ຂະໜາດ, ໝຸນ, ຄວາມໂປ່ງໃສ, ສີ ແລະ ອື່ນໆ). ເຄື່ອງມືຈະສ້າງກົດ @keyframes ແລະ ຄຸນສົມບັດ animation CSS ທີ່ກົງກັນ. ຮອງຮັບການປັບໄລຍະເວລາ animation, ຄວາມຊ້າ, ຈຳນວນຄັ້ງ, ທິດທາງ, easing function (ease, linear, cubic-bezier ແລະ ອື່ນໆ).
ການເບິ່ງຕົວຢ່າງ animation ໃຊ້ຄຸນສົມບັດ CSS animation ນຳໃຊ້ແບບສົດໆ. ເຄື່ອງມືສ້າງກົດ @keyframes ໃນແທັກ style ແບບເຄື່ອນໄຫວ, ອົງປະກອບເບິ່ງຕົວຢ່າງໃຊ້ກົດເຫຼົ່ານີ້. ອິນເຕີເຟດ timeline ຄ້າຍຊອບແວຕັດຕໍ່ວິດີໂອ, ສາມາດລາກ keyframe ປັບເວລາ.
ເໝາະສຳລັບສ້າງ CSS animation ຊັບຊ້ອນຢ່າງໄວ, ມີປະສິດທິພາບກວ່າການຂຽນ @keyframes ດ້ວຍມື. ສາມາດເຮັດ loading animation, hover effect, ການປ່ຽນໜ້າ ແລະ ອື່ນໆ.
ຕົວກຳເນີດ CSS animation, ສ້າງ animation keyframes CSS ແບບເບິ່ງເຫັນໄດ້, ຮອງຮັບ animation ຫຼາຍຄຸນສົມບັດ, easing function, ຄວບຄຸມ timeline, ສ້າງລະຫັດ @keyframes.