حصريا : كود عمل خاصية zoom علي الصور الشخصية روعة

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

اقدم لكم كود عمل خاصية zoom علي الصور الشخصية روعة

صور كمثال : الصورة لاتلمس الفرق الحقيقي يجب ان تجرب بنفسك لكي تري الفرق الحقيقي


تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.




الكود

الكود:

.postdetails.poster-profile a 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;
    }
.postdetails.poster-profile a 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;
    }

جزاك الله كل خير
ع موضوعك الرائع
تقبل تحياتي

بارك الله فيك اخي

شكرا