Webmasters Stack Exchange is a question and answer site for pro webmasters. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I am trying to customize Vanilla Forum. I am trying to achieve a similar effect to what Google uses for their profile pictures. (Just like what is on the top-right of Google pages.)

round profile picture

I have seen this effect before in several discussion pages. I suspect it is a script that crops and adds effects (like shadow), then uploads the avatar into place.

share|improve this question
up vote 3 down vote accepted

You can achieve this effect with CSS (which is what Google are doing) without changing the image file itself. See: http://bavotasan.com/2011/circular-images-with-css3/

This will work in most browsers, but not IE8 or older. See: http://caniuse.com/border-radius

share|improve this answer
I can't upvote your answer but I can say thank you. – r004 Feb 16 '14 at 12:23

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.