แท็บภาพเคลื่อนไหวในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome เป็นเครื่องมือที่มีประสิทธิภาพซึ่งช่วยให้คุณช้าลง เล่นซ้ำ ปรับเวลาของภาพเคลื่อนไหว CSS และดูผลลัพธ์ได้ทันที
ขณะที่แท็บภาพเคลื่อนไหวเปิดอยู่ ระบบจะบันทึกภาพเคลื่อนไหวโดยอัตโนมัติ จัดกลุ่มภาพเคลื่อนไหวได้อย่างสะดวก และช่วยให้คุณทำสิ่งต่างๆ ได้ดังนี้
- เล่นซ้ำและชะลอการเคลื่อนไหวเพื่อให้ตรวจสอบได้ดีขึ้น
- ปรับระยะเวลา การกำหนดเวลา และความล่าช้าโดยการลากจุดในไทม์ไลน์แทนการเดาและกำหนดค่า CSS ด้วยตนเอง
นอกจากนี้ คุณยังแก้ไขช่วงเวลาของการค่อยๆ เปลี่ยนและตั้งค่าเส้นโค้ง cubic-bezier
ที่กำหนดเองได้โดยใช้เครื่องมือแก้ไขการค่อยๆ เปลี่ยนในแผงองค์ประกอบ > รูปแบบ ดูข้อมูลเพิ่มเติมได้ที่แก้ไขภาพเคลื่อนไหวและกำหนดเวลาการเปลี่ยนด้วยเครื่องมือแก้ไขการค่อยๆ เปลี่ยน
ดูคำแนะนำตรวจสอบและแก้ไขเอฟเฟกต์ภาพเคลื่อนไหว CSS เพื่อรับประสบการณ์การเรียนรู้แบบลงมือปฏิบัติจริง