Rounded corners


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



Copy this code and paste it in your HTML
  1. .rounded {
  2. -moz-border-radius: 10px; /* gecko */
  3. -webkit-border-radius: 10px; /* webkit */
  4. border-radius: 10px; /* CSS3 standard */
  5. -khtml-border-radius: 10px; /* old konkeror */
  6.  
  7. -webkit-border-bottom-right-radius: 10px;
  8. -webkit-border-bottom-left-radius: 10px;
  9. -webkit-border-top-right-radius: 10px;
  10. -webkit-border-top-left-radius: 10px;
  11.  
  12. -khtml-border-radius-bottomright: 10px;
  13. -khtml-border-radius-bottomleft: 10px;
  14. -khtml-border-radius-topright: 10px;
  15. -khtml-border-radius-topleft: 10px;
  16.  
  17. -moz-border-radius-bottomright: 10px;
  18. -moz-border-radius-bottomleft: 10px;
  19. -moz-border-radius-topright: 10px;
  20. -moz-border-radius-topleft: 10px;
  21.  
  22. border-bottom-right-radius: 10px;
  23. border-bottom-left-radius: 10px;
  24. border-top-right-radius: 10px;
  25. border-top-left-radius: 10px;
  26. }

URL: http://www.1stwebdesigner.com/css/17-css-html-effects/

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.