I was asked on Saturday for more tutorials on CSS 3, and specifically rounded corners. And one thing you'll learn about CSS 3 is that a lot of the tricks we had to use extra HTML or other workarounds for have been fixed in CSS 3. Rounded corners are a great example. If you create a box with rounded corners in CSS 2, you have to use a bunch of extra HTML to make the corners appear. But CSS 3 does it with just one style property: border-radius. Now there are a few gotchas to get it to work in most modern browsers, but ultimately it's a lot easier than before. Now we just need Internet Explorer 9 to come out of beta!

Other Tricks with CSS and CSS 3

• Rounded Corners with CSS 3
• CSS 3 Opacity
• Rounded Corners Using CSS and No Images (for IE)
• CSS 3 Selectors That Work Right Now

Rounded Corners with CSS 3 originally appeared on About.com Web Design / HTML on Monday, July 5th, 2010 at 21:05:14.

Permalink | Comment | Email this