← Back to Impressto
Jan 17 2012 post

How to: Make Circles with CSS3

Creating circles using only CSS3 is fairly easy. You can achieve this by setting the border-radius property to half of the width and height.

 .circle {

border-radius: 50%; *note: you can also use 200px here*

width: 400px;

height: 400px;

}