حركة بالقياس

الحركة الجيّدة تشرح ما حدث، لا تستعرض. والانتقال transition أرخصها: تقول أي خاصية وكم تستغرق، ويتولّى المتصفح الباقي.

حرّك transform وopacity فقط — هاتان لا تُجبران المتصفح على إعادة حساب التخطيط، فتبقى الحركة سلسة. تحريك width أو top يتعثّر.

وبعض الناس تسبّب لهم الحركة دوارًا حقيقيًا. النظام يعلن ذلك عنهم، و@media (prefers-reduced-motion: reduce) هو إصغاؤك لهم. ليست تحسينًا اختياريًّا.