Advanced Search

Rounded corners

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

Expand | Embed | Plain Text

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.