เลือกแอนิเมชันสำเร็จรูป เช่น เลื่อนขึ้น เด้ง เต้น สั่น หมุน ตั้งความยาว การหน่วง easing และจำนวนรอบ ดูผลสดบนกล่องตัวอย่างพร้อมไทม์ไลน์ แล้วคัดลอก @keyframes กับ animation ที่รองรับ reduced-motion
คือค่าที่ผู้ใช้ตั้งในระบบเพื่อลดการเคลื่อนไหว โค้ดที่ได้จึงปิดแอนิเมชันเมื่อผู้ใช้ตั้งค่านี้
ให้ element คงค่าเริ่มต้นก่อนเล่น (ช่วงหน่วง) และคงค่าสุดท้ายหลังเล่นจบ