التحوّلات

transform يزيح العنصر ويكبّره ويدوّره بلا أن يمسّ التخطيط. الصفحة حوله لا تتزحزح، والمتصفح ينفّذه على كرت الشاشة.

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

وتُدمج التحوّلات في سطر واحد بترتيب يهمّ: translate ثم rotate ثم scale.