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

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

#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. ثم أنقر على حفظ القالب

منقول عن مدونة مداد الجليد