Posted By

yanseo on 07/04/13


Tagged

avatar


Versions (?)

CSS3 Rounded Avatar


 / Published in: ColdFusion
 

URL: http://jsfiddle.net/spliter/p6GS8/

CSS3 Rounded Avatar

  1. /* Rounded avatars */
  2. .avatar {
  3. float: left;
  4. margin-top: 1em;
  5. margin-right: 1em;
  6. position: relative;
  7.  
  8. -webkit-border-radius: 50%;
  9. -moz-border-radius: 50%;
  10. border-radius: 50%;
  11.  
  12. -webkit-box-shadow: 0 0 0 3px #fff, 0 0 0 4px #999, 0 2px 5px 4px rgba(0,0,0,.2);
  13. -moz-box-shadow: 0 0 0 3px #fff, 0 0 0 4px #999, 0 2px 5px 4px rgba(0,0,0,.2);
  14. box-shadow: 0 0 0 3px #fff, 0 0 0 4px #999, 0 2px 5px 4px rgba(0,0,0,.2);
  15. }

Report this snippet  

You need to login to post a comment.