طريقة تكبير شعار المدونة مع دورنه عند اقتراب الموس بتقنية الموس هوفر

بسم الله الرحمن الرحيم وبه نستعين والصلاة والسلام علي اشرف المرسلين سيدنا محمد صلي الله عليه وسلم اليوم اضافة جديدة ومثيرة للاعجاب وهي تكبير شعار المدونة مع دورنه عند اقتراب الموس بتقنية  mouse hover للمشاهدة المباشرة اضغط علي الصورة بالاسقل

مشاهدة حية

ان اعجبتك الاضافة تابع الشرع معي

اولا:

ثانيا:تركيب الاضافة

ابحث باستخدام f3 او ctrl&f عن الوسم التالي

]]></b:skin>

وضع قبله او فوقه هذا الكود الذي بالاسفل

/*-----Header widget by blogg-face.blogspot.com/----*/#Header1 {    max-width: 300px}
#Header1 dd {    float: left;    border-bottom: none;    margin: 8px 8px 0 8px;    background: none;    display: block;    padding: 0}
#Header1 img {    -webkit-transition: all 0.5s ease;    -moz-transition: all 0.5s ease;    transition: all 0.5s ease;    padding: 4px;    background:transparent;    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), color-stop(0.5, transparent), to(transparent));    background: -moz-linear-gradient(top, transparent, transparent 50%, transparent 50%, transparent);    -webkit-border-radius: 4px;    -moz-border-radius: 4px;    border-radius: 4px;    -webkit-box-shadow: 0 0 0px rgba(0,0,0,.7);    -moz-box-shadow: 0 0 0px rgba(0,0,0,.7);    box-shadow: 0 0 0px rgba(0,0,0,.7);}
#Header1 img:hover {    -moz-transform: scale(1.2) rotate(-350deg);    -webkit-transform: scale(1.2) rotate(-350deg);    -o-transform: scale(1.2) rotate(-350deg);    -ms-transform: scale(1.2) rotate(-350deg);    transform: scale(1.2) rotate(-350deg);    -webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);    -moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);    box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);

عين واحفظ ومبروك عليك الاضافة ولا تنسني بدعائك واي استفسار اترك تعليق

من فضلك اضغظ لايك لمشاهدة لينك التحميل