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

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

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

https://i.servimg.com/u/f21/16/46/77/76/1437-010.gif

الكود

الكود:

.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
}


دمتم بخير