كيفية تصميم ثلاثي الأبعاد على أزرار التواصل الاجتماعية باستخدام HTML و CSS فقط

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

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

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

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

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

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

إذا كنت تحب هذا البرنامج (CSS3 - 3D Layered Hover Effect on Social Media Buttons) وترغب في الحصول على أكواد المصدر. يمكنك بسهولة الحصول على الأكواد المصدرية لهذا البرنامج. للحصول على أكواد المصدر ، تحتاج فقط إلى التمرير لأسفل.

CSS3 - تأثير التحويم ثلاثي الأبعاد
لإنشاء هذا البرنامج (CSS3 - 3D Layered Hover Effect on Social Media Buttons). أولاً ، تحتاج إلى تحميل ملف الاكواد من زر التحميل

الملفات

ما هو رد فعلك؟

like

dislike

love

funny

angry

sad

wow