Rounding Images With Css3

[administrator 156]

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"/>

Stef

 

[markcook123 0]

For rounding buttons, for example, more than 3 pixels does not make sense to use