curved-corner – Project Hosting on Google Code

Rounded corner HTML elements using CSS3

This is a behavior htc file for Internet explorer to make CSS property “ border-radius “ work on all browsers. At present, all major browsers other than IE shows curved corner by adding 4 lines of css

.curved { -moz-border-radius:10px; / Firefox / -webkit-border-radius:10px; / Safari and chrome / -khtml-border-radius:10px; / Linux browsers / border-radius:10px; / CSS3 / }

Now adding the htc with one more line of css will make the curve work in IE browsers also behavior:url(border-radius.htc)

More details are on http://www.htmlremix.com/css/curved-corner-border-radius-cross-browser

via code.google.com

Nice! Obwohl der IE8 Die CSS „border-radius“ nicht unterstützt, bekommt man mit diesem Behaviour den gleichen Effekt ohne zusätzliches Markup

Kommentare

curved-corner – Project Hosting on Google Code

Rounded corner HTML elements using CSS3

Kommentare

Schreibe einen Kommentar Antwort abbrechen

Weitere Beiträge

16 theses about the state of mobile – 9 years after the launch of the iPhone

Feedly’s design process – The art of iterating quickly

The Language of Modular Design

Why The Hamburger Menu Doesn’t Work