Subscribe to
Posts
Comments
NSLog(); Header Image

Rounded CSS Corners

Posted March 20th, 2005 @ 09:10pm by Erik J. Barzeski

Rounded CSS corners without rounded images? Yep!

5 Responses to "Rounded CSS Corners"

  1. Quote MeSam
    Posted 21 Mar 2005 at 4:03am #

    Fantastic! About time too... Thanks for posting it!


  2. Quote MeFrode Danielsen
    Posted 21 Mar 2005 at 7:15am #

    Yes, it's a nice solution, and another good example of using JavaScript more transparently to enhance a site.

    But this flaming topic on rounded corners just won't be settled until all major browsers (yes, I'm aiming at IE mostly) supports the CSS :before and :after selectors. They give a lot more freedom on creating rounded corners, and when IE supports PNG with alpha channels natively, you could create whatever you want and call it a corner :)

    The "Nifty Corners" uses no extra HTML in your document, and no extra CSS - but it uses quite a bit of JavaScript "just" for a rounded corner effect... And if I let myself be picky for a moment, I'd more prefer CSS to handle the visual part and let JavaScript do some "nifty" behavioral thingy.


  3. Quote MeFoofy
    Posted 22 Mar 2005 at 12:39am #

    By the time a perfect rounded-corners solution is found, the trend will have passed. Like drop-shadows are passing, for instance.

    To be honest the drop-shadow fad should have never happened, but we're all guilty. Even the new OS X is drastically softening the shadows. It's sad when a web fashion from just over a year ago already looks extremely dated already.


  4. Quote Meandy
    Posted 22 Mar 2005 at 12:46pm #

    CSS should have supported that without a hack since the very beginning...


  5. Quote MeFoofy
    Posted 22 Mar 2005 at 12:51pm #

    Even then it would probably look different (or crappy) on certain browsers, and everyone would still use hacks or images to get what they wanted.



Trackback URI | Comments RSS

Leave a Reply

Please abide by the comment policy. Valid HTML includes: <blockquote><p>, <em>, <strong>, <ul>, <ol>, and <a href>. Please use the "Quote Me" functionality to quote comments.