نصائح حول أدوات مطوري البرامج: كيفية فحص الصور المتحركة في CSS وتعديلها

Sofia Emelianova
Sofia Emelianova

تُعَدّ علامة التبويب الصور المتحركة في "أدوات مطوري البرامج في Chrome" أداة فعالة تساعدك في إبطاء سرعة إعادة تشغيل CSS وضبط توقيتات الصور المتحركة في CSS والاطّلاع على النتائج على الفور.

أثناء فتح علامة التبويب الصور المتحركة، يتم تسجيل الصور المتحركة تلقائيًا وتجميعها بسهولة وتتيح لك ما يلي:

  • يمكنك إعادة تشغيل الصور المتحركة وإبطاءها لفحصها بشكل أفضل.
  • يمكنك ضبط المدد والتوقيتات وحالات التأخير من خلال سحب النقاط في مخطط زمني بدلاً من تخمين قيم CSS وضبطها يدويًا.

بالإضافة إلى ذلك، يمكنك تعديل توقيتات تغيير السرعة وضبط قيم منحنى cubic-bezier مخصّصة باستخدام محرِّر التخفيف في لوحة العناصر > الأنماط. لمعرفة المزيد من المعلومات، يُرجى الاطّلاع على تعديل توقيتات الرسوم المتحركة والانتقالات باستخدام محرّر مريح.

للحصول على تجربة تعلُّم عملية أكثر، اتّبِع دليل فحص تأثيرات الصور المتحركة في CSS وتعديلها.