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

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


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

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

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




الكود

الكود: ---------تضليل المحتوى
.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;
}




طريقة الوضع:>
لوحة الادارة / مظهر المنتدي/ الوان/ ورقة تصميم css
..
ملحوظة هذا الكود للنسخة phpbb2
...
اخوكم احمد ِ لانريد مقابل غير
ادعولي بظهر الغيب / وفقكم الله في حياتكم
والسلام عليكم