Article | Date posted : 15 June, 2013 | Updated on : 22 January, 2015

CSS Border Radius Generator

Sponsored Links

Css Border Radius Generator

Allot of articles regarding CSS border radius or generators for that matter, still mention webkit and gecko prefix for styling your elements. There is no point for this anymore as Chrome, IE9+, Firefox, Safari and Opera all use the standard border-radius styling.

The following two elements are obsolete.

-webkit-border-radius:20px 20px 20px 20px;
-moz-border-radius:20px 20px 20px 20px;

Why even care to remove these elements, is it not good to keep them as a backup? Yes and no, as a developer myself I’m always creating new cutting edge creations. Your better of reducing the size of your stylesheet as much as you can, i know it’s being picky but every extra character you add is another 1kb extra your viewer downloads. you would save in total 82kb based on using 20px as the value for each corner.

So what about people who still use older version browsers? Let us run through each browser, showing the facts that you can safely ignore the other two prefixes.


Chrome

Chrome

Ever since Chrome was first launched it automatically updates itself, knowing that with the latest version you don’t need the webkit prefix we can rest assure that we can ignore it. Border-radius element is support since version 4.

 

 

 

 


Internet Explorer

Internet Explorer

With Internet Explorer 9+ you can use the normal border-radius element. So what about IE7 and IE8? Well with these two version you can’t use border radius, unless you use a htc hack. Check out our css border radius generator which has an option to include support for IE7 and IE8

 

 

 

 


Firefox

Firefox

Firefox supports the normal border-radius since version 4 which was launched 4th of March 2011. I can safely assume that you can ignore the gecko prefix.

 

 

 

 

 

 


Safari

Safari

Safari has started supporting the standardized border-radius since version 5 which was launched on 7th June 2010. That leaves your visitors 3 years the time to update their browser from V4.

 

 

 

 

 


Opera

Opera

Opera supported the new method since version 10.5 which was launched in March 2010. Again 3 years ago. We can safely assume there are no issues.

 

 

 

 

 


Bottom line, if you are still not convinced simply look into your web statistics and see how many people still use the older browsers.

Sponsored Links

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *

Follow me on Google+

Google Shopping Data Feed Generator

Sponsored Links

Hire Me