Posted By

ninacess on 01/30/12


Tagged

corners circle ROUNDED CSS3 border-radius


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

danfolt


Rounded Corners with CSS3 / Creating a Circle with CSS3


 / Published in: CSS
 

Use css for rounding corners instead of images. Also use css3 for creating circles.

  1. /* For supporting browsers */
  2. border-radius: 5px;
  3. /* Old Chrome */
  4. -webkit-border-radius: 5px;
  5. /* Old Firefox */
  6. -moz-border-radius: 5px;
  7.  
  8. /* Circle */
  9. height: 70px;
  10. width: 70px;
  11. border-radius: 35px;
  12. -moz-border-radius: 35px;
  13. -webkit-border-radius: 35px;

Report this snippet  

You need to login to post a comment.