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

اذهب الى الأسفل

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

مُساهمة من طرف Kimo Mimo في الثلاثاء 2 أبريل 2013 - 15:03

السلام عليكم

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

قبل استخدام الكود : 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

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


عدل سابقا من قبل kimo mimo في الثلاثاء 2 أبريل 2013 - 17:51 عدل 1 مرات
avatar
Kimo Mimo
 
 

ذكر
عدد المساهمات : 14513
معدل النشاط : 17791
السُمعة : 724

https://help.ahlamontada.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى