CSS Rounded Corners with CSS3 Border Radius


/ Published in: CSS
Save to your folder(s)

Vendor prefixes and W3C standard for border-radius in CSS3.


Copy this code and paste it in your HTML
  1. /* Mozilla */
  2.  
  3. -moz-border-radius:4px;
  4. -moz-border-radius-topleft:4px;
  5. -moz-border-radius-topright:4px;
  6. -moz-border-radius-bottomleft:4px;
  7. -moz-border-radius-bottomright:4px;
  8.  
  9. /* WebKit */
  10.  
  11. -webkit-border-radius:4px;
  12. -webkit-border-top-left-radius:4px;
  13. -webkit-border-top-right-radius:4px;
  14. -webkit-border-bottom-left-radius:4px;
  15. -webkit-border-bottom-right-radius:4px;
  16.  
  17. /* Standard */
  18.  
  19. border-radius:4px;
  20. border-top-left-radius:4px;
  21. border-top-right-radius:4px;
  22. border-bottom-left-radius:4px;
  23. border-bottom-right-radius:4px;

URL: http://www.w3.org/TR/2005/WD-css3-background-20050216/#the-border-radius

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.