كيفية إنشاء أيقونات التواصل الاجتماعية المتوهجة باستخدام HTML و CSS

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

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

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

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

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

إذا كنت تحب هذا البرنامج (Glowing Social Media Icons Widget) وترغب في الحصول على أكواد المصدر. يمكنك بسهولة الحصول على الأكواد المصدرية لهذا البرنامج. للحصول على أكواد المصدر ، تحتاج فقط إلى التمرير لأسفل.

أيقونات التواصل الاجتماعية المتوهجة باستخدام HTML و CSS
لإنشاء هذا البرنامج (Glowing Social Media Icons Widget). أولاً ، تحتاج إلى تحميل ملف الاكواد من زر التحميل