Return to Snippet

Revision: 64099
at July 4, 2013 18:40 by yanseo


Initial Code
/* Rounded avatars */
.avatar {
    float: left;
    margin-top: 1em;
    margin-right: 1em;
    position: relative;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;

    -webkit-box-shadow: 0 0 0 3px #fff, 0 0 0 4px #999, 0 2px 5px 4px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 0 3px #fff, 0 0 0 4px #999, 0 2px 5px 4px rgba(0,0,0,.2);
    box-shadow: 0 0 0 3px #fff, 0 0 0 4px #999, 0 2px 5px 4px rgba(0,0,0,.2);
}

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

Initial Description
CSS3 Rounded Avatar

Initial Title
CSS3 Rounded Avatar

Initial Tags


Initial Language
ColdFusion