CSS Round Borders

If you’re using Mozilla or Firefox, you already noticed the VisualGUI’s topnav round borders. If you’re using other browsers, see the screenshot. It’s such a beautiful element and all you need is one single line of CSS:

.roundBorders {
-moz-border-radius: 1px 2px 3px 4px;

Here is the order: 1px (top left), 2px (top right), 3px (bottom right), 4px (bottom left)

That’s it. It’s a great time saver and you don’t have to create any graphics or write chunks of CSS. Unfortunately, it only works in Mozilla and Firefox.