Advanced Search

CSS Rounded Corners In Internet Explorer, Firefox & Safari Using Border Radius

/ Published in: CSS
Save to your folder(s)
Find out how to do rounded corners in CSS. A new method has recently come out that makes it extremely easy to implement.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. <script type="text/javascript" src="http://www.dillerdesign.com/experiment/DD_roundies/DD_roundies_0.0.2a-min.js"></script>
  2. <script type="text/javascript">
  3. /* IE only */
  4. DD_roundies.addRule('.roundify', '10px');
  5.  
  6. /* varying radii, IE only */
  7. DD_roundies.addRule('.something_else', '10px 4px');
  8.  
  9. /* varying radii, "all" browsers */
  10. DD_roundies.addRule('.yet_another', '5px', true);
  11. </script>

URL: http://www.nealgrosskopf.com/tech/thread.asp?pid=30

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.