مولد الرسوم المتحركة CSS للأشخاص الكسالى.
الرسوم المتحركة CSS
يسمح CSS بالحركة لعناصر HTML دون استخدام JavaScript أو Flash
ستتعرف في هذا الفصل على الخصائص التالية:
- تضمين التغريدة
- اسم الرسوم المتحركة
- مدة الرسوم المتحركة
- تأخير الرسوم المتحركة
- الرسوم المتحركة-التكرار-العد
- اتجاه الرسوم المتحركة
- الرسوم المتحركة توقيت وظيفة
- وضع تعبئة الرسوم المتحركة
- حيوية
البادئات الخاصة بالمستعرض
تحتاج بعض المتصفحات القديمة إلى بادئات محددة (-webkit-) لفهم خصائص الرسوم المتحركة
ما هي الرسوم المتحركة CSS؟
يتيح الرسم المتحرك تغيير العنصر تدريجيًا من نمط إلى آخر.
يمكنك تغيير أي عدد تريده من خصائص CSS ، بقدر ما تريد.
لاستخدام الرسوم المتحركة في CSS ، يجب عليك أولاً تحديد بعض الإطارات الرئيسية للرسوم المتحركة.
تحتوي الإطارات الرئيسية على الأنماط التي سيتوفر عليها العنصر في أوقات معينة.
قاعدة keyframes
عند تحديد أنماط CSS داخل قاعدةkeyframes ، ستتغير الرسوم المتحركة تدريجيًا من النمط الحالي إلى النمط الجديد في أوقات معينة.
