Rounding corners of JPEG images with CSSWhy would one want to make a circle or elipsis in just pure CSS? Because you can easily change the color and size using CSS and it looks great even when upscaled!
Instead of creating transparent PNG or GIF images you can now use JPEGs and just cut them into circles with CSS.
And how to do it, well, it's extremely simple- let's create a small rectangle:
and then let's add rounded corners to it:<div style="width:70px; height:50px; background-color: red"></div>
The result:-moz-border-radius: 200px; -webkit-border-radius: 200px; -o-border-radius: 200px; border-radius: 200px