نصائح حول أدوات مطوري البرامج: كيفية فحص الصور المتحركة في CSS وتعديلها
تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
علامة التبويب الرسوم المتحركة في "أدوات مطوّري البرامج في Chrome" هي أداة فعّالة تساعدك في إبطاء وتيرة الرسوم المتحركة وإعادة تشغيلها وضبط أوقاتها في CSS والاطّلاع على النتائج على الفور.
عند فتح علامة التبويب الرسوم المتحرّكة، يتم تسجيل الرسوم المتحرّكة تلقائيًا وتجميعها بشكل ملائم، كما تتيح لك إجراء ما يلي:
- يمكنك إعادة تشغيل الصور المتحركة وإبطائها لفحصها بشكل أفضل.
- يمكنك تعديل المدّات الزمنية والمواعيد الزمنية والتأخيرات من خلال سحب النقاط في مخطط زمني بدلاً من التخمين وضبط قيم CSS يدويًا.
بالإضافة إلى ذلك، يمكنك تعديل أوقات التخفيف وضبط قيم منحنى cubic-bezier المخصّصة باستخدام أداة تعديل التخفيف في لوحة العناصر > الأنماط. لمزيد من المعلومات، يمكنك الاطّلاع على مقالة تعديل أوقات عرض الصور المتحركة والانتقالات باستخدام أداة تعديل السرعة.
للحصول على تجربة تعلّم عملية أكثر، اتّبِع دليل فحص تأثيرات الرسوم المتحركة في CSS وتعديلها.
إنّ محتوى هذه الصفحة مرخّص بموجب ترخيص Creative Commons Attribution 4.0 ما لم يُنصّ على خلاف ذلك، ونماذج الرموز مرخّصة بموجب ترخيص Apache 2.0. للاطّلاع على التفاصيل، يُرجى مراجعة سياسات موقع Google Developers. إنّ Java هي علامة تجارية مسجَّلة لشركة Oracle و/أو شركائها التابعين.
تاريخ التعديل الأخير: 2022-08-11 (حسب التوقيت العالمي المتفَّق عليه)
[[["يسهُل فهم المحتوى.","easyToUnderstand","thumb-up"],["ساعَدني المحتوى في حلّ مشكلتي.","solvedMyProblem","thumb-up"],["غير ذلك","otherUp","thumb-up"]],[["لا يحتوي على المعلومات التي أحتاج إليها.","missingTheInformationINeed","thumb-down"],["الخطوات معقدة للغاية / كثيرة جدًا.","tooComplicatedTooManySteps","thumb-down"],["المحتوى قديم.","outOfDate","thumb-down"],["ثمة مشكلة في الترجمة.","translationIssue","thumb-down"],["مشكلة في العيّنات / التعليمات البرمجية","samplesCodeIssue","thumb-down"],["غير ذلك","otherDown","thumb-down"]],["تاريخ التعديل الأخير: 2022-08-11 (حسب التوقيت العالمي المتفَّق عليه)"],[],[],null,[]]
