Monday, October 22nd, 2007

ShadedBorder Updated

Category: CSS, Design, JavaScript

Steffen Rusitschka has released an update to ShadedBorder.

You can now use gradients and the library degrades gracefully.

You can see this all at work:

javascript

  1. var linksBorder = RUZEE.ShadedBorder.create({ corner:10, border:2 });
  2. var linkBorder = RUZEE.ShadedBorder.create({ shadow:4 });
  3.  
  4. linksBorder.render('links');
  5. linkBorder.render($('links').getElementsByTagName('a'));

Posted by Dion Almaer at 6:13 am
2 Comments

+++--
3.4 rating from 22 votes

2 Comments »

Comments feed TrackBack URI

I made something similar a while ago called alphaCorners. It’s key features are speed and size (4kB using a custom compressor). I abandoned the project some time ago however, but it might still be of interest to you, so here you go.

Comment by Laurent — October 22, 2007

Bah! I’ll stick with CSS3 rounded borders and shadows. If your browser doesn’t support, well it degrades gracefully.

Comment by Phill Kenoyer — October 22, 2007

Leave a comment

You must be logged in to post a comment.