Easy Rounded Corners with Border-Radius
Both WebKit and Mozilla offer vendor-specific CSS attributes for creating rounded corners. The lastest version of both these browsers render them extremely smoothly. This is by far the easiest way to create rounded corners, if you aren’t worried about snubbing Opera and IE. You may want to consider also using the standard “border-radius” for future CSS3 compatibility.
Related Submissions:
- Create Rounded Corners with CSS3 Border-Radius Property One of the CSS3 properties designers have been longing the most for is undoubtedly the border-radius property. With CSS3 border-radius property it’s possible to create...
- Creating Rounded Corners with CSS2 & CSS3 Rounded corners are as popular as ever with web designers and there are a multitude of ways that they can be created. This tutorial show’s...
- The Proper Way to Draw Rounded Corners I’ve been noticing a lot of the same mistake people make when implementing rounded corners in their designs around the Web. For some reason the...
- The Hidden Power of border-radius So hopefully after reading – Understanding CSS – Padding, Positioning and CSS3 – you understand the basics of CSS and have been experimenting with other...
- Best Collection of CSS Rounded Corners Tutorials Creating CSS Rounded Corners for the HTML or markup is a big challenge for most of the designers. Many designers end up with a design...