طريقة تكبير الصورة عند تمرير الموس عليها وتقريبها بمدونتك باستخدام css

السلام عليكم ورحمة الله وبركته اهلا بكم متتبعي مدونة برو علي للمعلوميات في هذا الموضوع سنتطرق الى طريقة جعل الصور في المشاركات تتكبر عند تمرير الموس عليها او فوقها اضافة جميلة وتجعل موقعك او قالب موقعك ذو شي جميل 

• اولا: اذهب الى مدونة البلوجر ثم قالب ثم تحرير 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>

او 

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

• لاتنسى تغيرر image-url  برابط الصورة .