Posted By

blueocto on 01/21/11


Tagged

corners ROUNDED


Versions (?)

Who likes this?

2 people have marked this snippet as a favorite

TraceyM
stavros


CSS Rounded Corners


 / Published in: CSS
 

URL: http://www.css3.info/preview/rounded-border/

  1. /* W3C Specification */
  2. foo { border-radius: bar}
  3. foo { border-top-left-radius: bar}
  4. foo { border-top-right-radius: bar}
  5. foo { border-bottom-right-radius: bar}
  6. foo { border-bottom-left-radius: bar}
  7.  
  8. /* Mozilla Implementation */
  9. foo { -moz-border-radius: bar}
  10. foo { -moz-border-radius-topleft: bar}
  11. foo { -moz-border-radius-topright: bar}
  12. foo { -moz-border-radius-bottomright: bar}
  13. foo { -moz-border-radius-bottomleft: bar}
  14.  
  15. /* Webkit Implementation */
  16. foo { -webkit-border-radius: bar}
  17. foo { -webkit-border-radius-topleft: bar}
  18. foo { -webkit-border-radius-topright: bar}
  19. foo { -webkit-border-radius-bottomright: bar}
  20. foo { -webkit-border-radius-bottomleft: bar}

Report this snippet  

You need to login to post a comment.