แผนฝึกบทที่ 13
แบบฝึกปฏิบัติ
ลองทำตามรายการด้านล่างในเบราว์เซอร์หรือไฟล์ของคุณ — ไม่มีตรวจอัตโนมัติในเฟสนี้
ใส่ transition ให้ปุ่มเปลี่ยนสีและ translateY ตอน hover
สร้าง keyframes fade-up แล้วใช้กับหัวข้อตอนโหลด
เพิ่มบล็อก @media (prefers-reduced-motion: reduce)
แก้เดโมที่แอนิเมต height ให้ใช้ transform หรือ opacity แทน
ทำ toast เข้าด้วย transform + opacity ภายใน 250ms
ทดสอบทั้งโหมดโมชันปกติและลดโมชัน แล้วจดความต่าง