كود عمل ظل للأزرار

السلام عليكم ورحمة الله وبركاته ..
ممكن كود عمل ظل للأزرار مثل :

؟؟
بانتظاركم ..

هذا ليس ظل بل يكبر
اختصارأ عليكي تفضلي

الكود:

.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
اذا واجهتك اي مشكلة انا موجود
+
ما تنسي تغيري ايقونة الموضوع الي

اها .. شكرا على المساعدة