كيفية تصميم استجابة الحركة المتجاوبة على التمرير باستخدام HTML CSS & jQuery

ستتعلم اليوم في هذه المدونة كيفية إنشاء رسوم متحركة متجاوبة معاكسة على التمرير باستخدام HTML CSS & jQuery

مرحبًا أيها القراء ، ستتعلم اليوم في هذه المدونة كيفية إنشاء رسوم متحركة متجاوبة معاكسة على التمرير باستخدام HTML CSS & jQuery.

 

Counter Up عبارة عن مكوّن إضافي jQuery أو JavaScript خفيف الوزن وسهل الاستخدام يحسب ديناميكيًا عددًا إلى رقم مستهدف من 0 بسرعة ووقت محددين. في هذا البرنامج [Responsive Counter up Animation on Scroll] ، هناك ثلاثة أقسام على صفحة الويب.

 

في القسم الأخير ، لقد عرضت بعض التفاصيل حول المؤلف حول ما فعله. عندما تقوم بالتمرير لأسفل ببطء ، يتم تنشيط الحركة المضادة ويبدأ العد من 0 رقم إلى الرقم المحدد.

 

إذا كنت تشعر بصعوبة في فهم ما أقوله. يمكنك مشاهدة فيديو تعليمي كامل عن هذا البرنامج [Counter up Animation].

 

في الفيديو ، شاهدت الرسوم المتحركة المضادة المتجاوبة لموقع الويب والتي تتم باستخدام اسم المكون الإضافي jQuery CounterUp. بمساعدة المكوِّن الإضافي ، لا توجد أكواد شاسعة يتم استخدامها ، لذا إذا كنت مبتدئًا ، فيمكنك أيضًا فهم الرموز وراء إنشاء الرسوم المتحركة للعد ، ويمكنك أيضًا إنشاء هذا النوع من الرسوم المتحركة بسهولة.

 

هذا سريع الاستجابة تمامًا وسهل الاستخدام للجوّال. لقد استخدمت خصائص CSS media و Flexbox لجعلها مستجيبة. يمكنك استخدام هذه الرسوم المتحركة في أقسام موقع الويب الخاص بك وصفحات HTML وغيرها الكثير.

 

الاستجابة للرسوم المتحركة المتجاوبة

لإنشاء هذا البرنامج (مكافحة الرسوم المتحركة على التمرير). أولاً ، تحتاج إلى إنشاء ملفين ، أحدهما ملف HTML والآخر هو ملف CSS. بعد إنشاء هذه الملفات ، قم فقط بلصق الرموز التالية في ملفك. أولاً ، قم بإنشاء ملف HTML باسم index.html والصق الرموز المحددة في ملف HTML الخاص بك. تذكر أنه يجب عليك إنشاء ملف بامتداد .html.

الملفات

ما هو رد فعلك؟

like

dislike

love

funny

angry

sad

wow