كود css جعل الصور الشخصية بشكل دائري ببيانات العضو

كود css جعل الصور الشخصية بشكل دائري ببيانات العضو

السلام عليكم ورحمة الله وبركاته
اقدم لكم كود css جعل الصور الشخصية بشكل دائري بالمواضيع والمساهمات
الكود حصري هنا مع اضافة تاثيرات تغيير لون الاطار حول الصورة من الازرق للبرتقالي
صورة للتوضيح

كود css جعل الصور الشخصية بشكل دائري ببيانات العضو 1437-010

الكود:: [size=20]الكود[/size]
.poster-profile.postdetails img{ background:#fff; border:2px solid; font-weight:lighter; padding:5px; border-radius:100px; box-shadow:0 0px 4px rgba(0,0,0,.3),0 -1px 1px rgba(0,0,0,.3); display:inline-block; height:100px; overflow:hidden; margin:10px 0; width:100px; text-align:center}

» كود css جعل صورة العضو دائري بجوار اخر مساهمة
» كود css التحكم بحجم الصور الكبيرة واضافة اطار حين مرور الماوس عليها