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

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

 

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

 

في هذا البرنامج (أزرار الوسائط الاجتماعية ثلاثية الأبعاد) ، على صفحة الويب ، توجد أربعة أزرار مختلفة لشبكات التواصل الاجتماعي - Facebook و Twitter و Instagram و YouTube بأيقونة أو شعار خاص بهم ، وعند النقر فوق زر معين ، يتم النقر فوق الزر التصور ثلاثي الأبعاد الذي يجعل هذه الأزرار أكثر جاذبية. إذا كنت تشعر بصعوبة في فهم ما أقوله. يمكنك مشاهدة فيديو تعليمي كامل عن هذا البرنامج (تأثير ثلاثي الأبعاد على أزرار الوسائط الاجتماعية).

 

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

 

يمكنك إضافة <a href="your site URL here”> علامة داخل كل زر لإعادة توجيه المستخدم إلى موقع / حساب شبكة التواصل الإجتماعي المفضل لديك عند النقر على الزر. يمكنك بسهولة الحصول على الكود المصدري لهذا البرنامج (أزرار الوسائط الاجتماعية ثلاثية الأبعاد). للحصول على أكواد المصدر ، تحتاج فقط إلى التمرير لأسفل. يمكنك استخدام أزرار الوسائط الاجتماعية هذه في صفحات HTML ومواقع الويب والمشاريع.

 

أزرار الوسائط الاجتماعية ثلاثية الأبعاد

لإنشاء هذا البرنامج (Social Media Buttons with Tooltip). أولاً ، تحتاج إلى تحميل ملف الاكواد من زر التحميل