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