Advanced Search

CSS3 Rounded Avatar

/ Published in: ColdFusion
Save to your folder(s)
CSS3 Rounded Avatar

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  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. }

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

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.