كود 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
}


دمتم بخير

طريقة تركيب الكود
لوحة الإدارة >>> مظهر المنتدى >>> الصور والألوان >>> ألوان & ورقة ال CSS
>>> ورقة تصميم  CSS  >>> ضع الكود  >>> قدم

phpBB2:

AwesomeBB:

ModernBB:

لا تنسى الضغط على زر قدم
-------------

يمكن تعديل الثواني بين الشكل الدائري والمثلث بتغيير الرقم 3 من الكود التالى

الكود:

  animation: shapeChange 3s infinite;