كيفية إنشاء أزرار الوسائط الاجتماعية باستخدام HTML و CSS فقط

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

تتيح الروابط والأزرار الاجتماعية لزوار موقع الويب الخاص بك ومشاهدي المحتوى مشاركة المحتوى الخاص بك بسهولة مع اتصالات وشبكات التواصل الاجتماعي الخاصة بهم.

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

إذا كنت تشعر بصعوبة في فهم ما أقوله. يمكنك مشاهدة فيديو تعليمي كامل عن هذا البرنامج (CSS3 Neumorphic Social Media Buttons).

آمل أن تكون قد فهمت الرموز الأساسية لهذا التأثير Neumorphic. لا توجد أكواد واسعة ، هناك ظلال مربع الأدوار الإبداعية فقط. إذا كنت مبتدئًا ولديك القليل من المعرفة بـ HTML & CSS فقط ، فيمكنك أيضًا إنشاء هذا النوع من تأثير Neumorphic على الأزرار وأيقونات الوسائط الاجتماعية والبطاقات وما إلى ذلك. يمكنك إضافة رابط موقعك الاجتماعي داخل سمة href من <a> علامة الارتساء إذا كنت تريد إعادة توجيه المستخدمين أو المشاهدين عند النقر فوق الزر المحدد.

إذا كنت تحب تصميم Neumorphsim UI وترغب في الحصول على أكواد المصدر. يمكنك بسهولة الحصول على الأكواد المصدرية لهذا البرنامج. للحصول على أكواد المصدر ، تحتاج فقط إلى التمرير لأسفل.

أيقونات الوسائط الاجتماعية Neomorphic
لإنشاء هذا البرنامج (Neumorphism Social Media Buttons). أولاً ، تحتاج إلى تحميل ملف الاكواد من زر التحميل