مفهوم التقنية مفهوم التقنية
اندرويد

آخر الأخبار

اندرويد
اندرويد
جاري التحميل ...
اندرويد

كيف تجعل عنوان مدونتك يتحرك بتمرير الفأرة عليه


إضافة جميلة لمدونات بلوجر تجعل عنوان المدونة سواء كان نص أو صورة يهتز بمجرد تمرير الفأرة فوقه كما هو ظاهر في الصورة أعلاه.

منذ فترة لم أشارك مواضيع تتعلق في مجال بلوجر لذا اليوم تم إقتباس هذه الإضافة من أحد قوالب بلوجر وهي إضافة جميلة وسهلة لمدونتك على بلوجر

كيف تجعل عنوان مدونتك يتحرك بمجرد تمرير الماوس فوقه؟


  1. ادخل لوحة تحكم المدونة --> القالب ثم انقر على تحرير HTML
  2. أنقر نقرة على الأكواد ثم بإستخدام مفتاح الإختصار ctrl و f في لوحة المفاتيح ثم أبحث عن الرمز ]]>
  3. بعد العثور عليه أضف الكود التالي فوق الرمز ]]> مباشرةً

#header h1 a:hover{
/*animation*/
-webkit-animation:jelly .5s;
-moz-animation:jelly .5s;
-ms-animation:jelly .5s;
-o-animation:jelly .5s;
animation:jelly .5s;
}

#header img:hover{
/*animation*/
-webkit-animation:jelly .5s;
-moz-animation:jelly .5s;
-ms-animation:jelly .5s;
-o-animation:jelly .5s;
animation:jelly .5s;
}
@-webkit-keyframes jelly{
from,to{-webkit-transform:scale(1, 1);transform:scale(1, 1)}25%{-webkit-transform:scale(.9, 1.1);transform:scale(.9, 1.1)}50%{-webkit-transform:scale(1.1, .9);transform:scale(1.1, .9)}75%{-webkit-transform:scale(.95, 1.05);transform:scale(.95, 1.05)}
}
@keyframes jelly{
from,to{-webkit-transform:scale(1, 1);transform:scale(1, 1)}25%{-webkit-transform:scale(.9, 1.1);transform:scale(.9, 1.1)}50%{-webkit-transform:scale(1.1, .9);transform:scale(1.1, .9)}75%{-webkit-transform:scale(.95, 1.05);transform:scale(.95, 1.05)}
}


4. ثم أنقر على حفظ القالب

هل أعجبتكم؟ إذا كان الجواب نعم يرجى المشاركة لإضافة المزيد من هذه المواضيع :)


 : مولاي خالد

بقلم : مولاي خالد

مدون مغربي ناشئ يهتم بكل ما هو جديد في عالم التكنولوجيا و التقنية.

التعليقات



ندعوك للاشتراك في المدونة ليصلك الجديد دائما

إتصل بنا

موضوع :
100 من 100 | 100 تقييم من المستخدمين و 70 من أراء الزوار

مدونة مفهوم التقنية

زوار المدونة

جميع الحقوق محفوظة

مفهوم التقنية

2016