a few words about web development

How to make a circle or elipsis in pure CSS?

Rounding corners of JPEG images with CSS
Why 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:
<div style="width:70px; height:50px; background-color: red"></div>
and then let's add rounded corners to it:
-moz-border-radius: 200px;
-webkit-border-radius: 200px;
-o-border-radius: 200px;
border-radius: 200px
The result:

Easy, right?

Comments