/ Published in: ColdFusion
CSS3 Rounded Avatar
Expand |
Embed | Plain Text
Copy this code and paste it in your HTML
/* 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); }
URL: http://jsfiddle.net/spliter/p6GS8/