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

 من طرف JAR7 في السبت 17 أكتوبر 2015 - 23:38

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