كود عمل زوم على الصور عند مرور الماوس عليها

السلام عليكم

اقدم لكم كود عمل زوم علي الصور في المساهمات

قبل استخدام الكود : https://i.servimg.com/u/f74/17/78/80/10/dgjji10.jpg

بعد استخدام الكود : https://i.servimg.com/u/f74/17/78/80/10/idgxf10.jpg

تفضلواً الكود :

الكود:

    /*----- زووم لصور المواضيع -----*/
      .postbody img{
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/

}
    .postbody img:hover{
-moz-transform:scale(1.1); /*Mozilla scale version*/
-moz-box-shadow:0px 0px 0px gray; /*Mozilla shadow version*/
opacity: 1;
}

شرح التركيب : لوحة الادارة > مظهر المنتدي > الوان > ورقة تصميم ال css

الي هنا اخواني يكون قد انتهي موضوعنا , بالتوفيق لكم

ڝآحبة آڵحرڣ آڵمٍٺأڵق
ۅ مٍڵڪة آڵقڵمٍ آڵڏھٍبۑ آڵرآئع.
( آڛمٍ آڵڣٺآة )
ٺحۑة مٍعطرة بآڵۅرډ أھٍډۑھٍآ إڵۑڪِ
ڪمٍ ۑڛعډڹۑ ډۅمٍآ آڹ آرۑ ھٍڏآ آڵڹڒٍڣ آڵرآئع آڵچمٍۑڵ
ڣآعچڒٍ عڹ ڜڪر عڵى ڪڵ مٍآ ٺڿطھٍ أڹآمٍڵڪِ آڵڏھٍبۑھٍ
ۅمٍآ ۑٺډڣق مٍڹ حبرڪِ آڵعطر
ڣۑض مٍڹ آڵمٍڜآعر ۅآڵآحآڛۑڛ آڵچمٍۑڵھٍ ..

شكرا

مشكور

مشكور يسلموووووووووووووووو

موضوع رائع بوركت