إضافة تأثير الحركة على شعار مدونتك بتنقية css الاحترافية

#header img

{ width:256px; /* عرض صورة الشعار قبل المرور بالماوس عليها */

height:67px; /*ارتفاع صورة الشعار قبل المرور بالماوس عليها */ 

-moz-transition: all 1s;

-webkit-transition: all 1s;

-o-transition: all 1s; }

#header img:hover

{ width:514px; /*العرض عند وقوف الماوس على صورة الشعار*/

height:134px; /* الارتفاع عند وقوف الماوس على صورة الشعار */

-moz-transition: all 1s;

-webkit-transition: all 1s;

-o-transition: all 1s; }

#header h1

{ -moz-transition: all 1s;

-webkit-transition: all 1s;

-o-transition: all 1s; }

#header h1:hover

{ font-size:80px; /*حجم الكتابة بعد مرور زر الفأرة عليها */

color:#FF00FF; /* لون الكتابة بعد مرور زر الفأرة عليها */

margin-left:-30px; /* نسبة الإزاحة لليسار */

-moz-transition: all 1s;

-webkit-transition: all 1s;

-o-transition: all 1s; }