Skip to content

Instantly share code, notes, and snippets.

@ajaxray
Created July 17, 2012 08:02
Show Gist options
  • Save ajaxray/3127894 to your computer and use it in GitHub Desktop.
Save ajaxray/3127894 to your computer and use it in GitHub Desktop.
Facebook style rounded thumb image with CSS3
<style type="text/css">
a.user-image {
background: transparent no-repeat top left;
display: block;
text-indent: -999em;
width: 50px;
height: 50px;
border-radius: 5px;
box-shadow: 0px 0px 3px #666;
}
</style>
<a class="user-image" href="http://www.facebook.com/ajaxray" style="background-image: url(http://graph.facebook.com/667896332/picture)" title="Visit Anis's profile">Anis Ahmad</a>
<!--
Post: http://ajaxray.com/blog/rounded-thumb-image-with-css-3
Demo: http://ajaxray.com/Examples/cropped-thumb.html
-->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment