كود عمل خاصية zoom علي أزرار المنتدي روعة

السلام عليكم ورحمة الله وبركاته

اقدم لكم كود عمل خاصية zoom علي أزرار المنتدي روعة


الكود

________________

.mainmenu img {
-webkit-transform:scale(0.9);
-moz-transform:scale(0.9);
-o-transform:scale(0.9);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
opacity: 0.9;
margin: 0 10px 5px 0;
}
.mainmenu img:hover {
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1); box-shadow:0px 0px 30px gray;
-webkit-box-shadow:0px 0px "AQUI EL TAMAÑO EN PIXELES DEL SHADOW" px "AQUI COLOR HEXADECIMAL DE PREFERENCIA";
-moz-box-shadow:0px 0px "AQUI EL TAMAÑO EN PIXELES DEL SHADOW"px "AQUI COLOR HEXADECIMAL DE PREFERENCIA";
opacity: 1;
}

__________________________

طريقة الوضع:>
لوحة الادارة / مظهر المنتدي/ الوان/ ورقة تصميم css
..
الكود يعمل مع جميع النسخ
...