كيفية انشاء بطاقة المدونة المتحركة باستخدام HTML & CSS

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

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

يمكن أن تكون منزلقات المدونة أو الصور (المعروفة أيضًا باسم الدوارات أو عروض الشرائح) طريقة سهلة لعرض صور أو مقاطع فيديو أو رسومات متعددة على موقع الويب الخاص بك. يمكن أن تكون فكرة عرض الصور الكبيرة والرائعة والبراقة مغرية للغاية. يمكن أن تجذب الصور الجذابة زوارًا جددًا إلى موقعك ، وتجذب انتباههم على الفور.

في هذا البرنامج (Animated Slider Blog Card) ، في البداية ، على صفحة الويب ، توجد خلفية متدرجة مع مربع الحاوية الأبيض. ويوجد في هذا المربع صورة على الجانب الأيسر وبعض النصوص وزر وعناصر تحكم شريط التمرير في الجانب السفلي. تُستخدم أشرطة التمرير هذه لتمرير بطاقات المعاينة. هناك ثلاث بطاقات مختلفة مع صورة مختلفة وعندما تنقر على زر شريط التمرير ، تنزلق كل بطاقة بسلاسة وتظهر بطاقة أخرى.

إذا كنت تشعر بصعوبة في فهم ما أقوله. يمكنك مشاهدة فيديو تعليمي كامل عن هذا البرنامج (Animated Slider Blog Card).

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

يمكنك استخدام هذا البرنامج على مواقع الويب الخاصة بك ، والمشاريع ، وصفحات HTML. في الوقت الحاضر ، يحتوي كل موقع على بطاقة أو عرض شرائح للصور لعرض المنتجات أو الصور المتعددة أو مقاطع الفيديو أو الرسومات على موقعه على الويب. إذا كنت تحب هذا البرنامج (Animated Slider Blog Card) وترغب في الحصول على أكواد المصدر. يمكنك بسهولة الحصول على الأكواد المصدرية لهذا البرنامج. للحصول على أكواد المصدر ، تحتاج فقط إلى التمرير لأسفل.

بطاقة مدونة متحركة المتزلج
لإنشاء هذا البرنامج (Animated Slider Blog Card). أولاً ، تحتاج إلى تحميل ملف الاكواد من زر التحميل

الملفات

ما هو رد فعلك؟

like

dislike

love

funny

angry

sad

wow