كيفية تكبير الصور عند تمرير الماوس في مدونتك

اهلا بكم في موضوع جديد معكم سامي اليوم سنتحدث عن كيفية تكبير الصور عند تمرير الماوس في مدونتك...

• -ادهب الى مدونة البلوجر ثم قالب ثم تحريرHTML
• 
  -ابحث عن الكود الثالي ]]></b:skin>
• ضع الكود الثالي من فوقه

.zoom-image img {
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        -ms-transition: all 1s ease;
        transition: all 1s ease;
        max-width:100%;
    }
    .zoom-image:hover img {
        -webkit-transform:scale(1.25);
        -moz-transform:scale(1.25);
        -ms-transform:scale(1.25);
        -o-transform:scale(1.25);
        transform:scale(1.25);
    }
    .zoom-image {
      max-width:100%;
      width:400px;
      overflow:auto;
    }

• ثم  حفظ  
• عند تحرير مشاركة اضف الكود الثالي 

<div class="zoom-image"><img src="image-url"/> </div>

<div class="zoom-image"><img src="image-url"/> </div>

مع تغييرimage-url

  برابط الصورة . 

و تهانينا ^_^

عنوان التدوينة: كيفية تكبير الصور عند تمرير الماوس في مدونتك
تقييم : 10 من 10 مرتكز على
الكاتب : سامي علي قاسم

عدد المشاهدات :

• غرد
• مشاركة
• إضافة
مزيد

بضغطة زر تشارك الفائدة وتدعم المدونة

صندوق التدوينة

رابط مباشر :

كود للمنتديات :

HTML كود :