حركة مدروسة

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

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

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