Jump to content
Killersites Community
Sign in to follow this  

Rounding Images With Css3

Recommended Posts

In the old days, we had to go to Photoshop (or some other image editor) to create rounded PNG or GIF files, to create images that were round.

Now you can do this with simple CSS3 applied to your image:

style="border-radius: 50%;"

So the CSS applied would look something like:

<img style="border-radius: 50%" src="stefan_mischook-150x150.png"/>



Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this