- ادخل لوحة تحكم
المدونة --> القالب ثم انقر على تحرير HTML
أنقر نقرة على الأكواد ثم بإستخدام مفتاح الإختصار ctrl و f في لوحة المفاتيح ثم أبحث عن الرمز ]]></b:skin>
بعد العثور عليه أضف الكود التالي فوق الرمز ]]></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. ثم أنقر على حفظ القالب
منقول عن مدونة مداد الجليد