موشن: حركة تحترم المستخدم

الخلاصة بالعربية

• الحركة تصريحية: تصف الحالة النهائية لا خطوات الرسم.
• layout يتولّى انتقالات تغيّر المكان والحجم التي تستغرق يدوياً وقتاً طويلاً.
• useReducedMotion يجعل احترام تفضيل المستخدم سطراً واحداً لا مراجعة كاملة.
• حرّك transform و opacity فقط لتبقى الحركة على 60 إطاراً.
• الحركة الجيدة توضّح ما تغيّر، لا تثبت أن الموقع يستطيع التحرّك.

هذا المقال مكتوب بالإنجليزية ↓