Where can I find a good jQuery drop shadow plugin?

Question

Does anyone have a good recommendation for a drop shadow jQuery plugin?

I've been working on a project that had every element on the page with a subtle drop shadow, we started using RUZEE to do the shadows but there was a severe performance hit when you had more then 4 or 5 shadows being calculated on the page.

I went to writing my own plugin, I call it simple shadow and it only uses jQuery to inject images in floating div's around the div you want a drop shadow. Nothing elegant but for the purpose of completing that site it worked without performance hits.

Now my plugin isn't anything special but I am still in search for a good light weight shadow plugin.

Answer 1

I found the "eyebulb dropshadow" plugin (link now dead folks) today, i really like it.

Alternative links

• http://dl.dropbox.com/u/1546882/jquery.dropshadow.js (Feb. 3, 2010)

Answer 2

jQuery UI also provides drop shadow functionality.

Answer 3

The JQuery UI no longer supports shadow functionality.

Answer 4

try the FontEffect jQuery Plugin, sorry I can't post the link, but you can find it easily on google or jQuery plugin site.

Answer 5

The original site hosting the jQuery Dropshadow plugin has apparently gone down.

For anyone looking for it, I'm currently hosting it on my Dropbox account.

Answer 6

CSS 3 will support drop shadow. Firefox and Safari are already supporting the feature.

You might want to use that instead of the jQuery functionality, since it will run in browsers who have turned off javascript.

Take a look at http://www.css3.info/preview/box-shadow/ for a demo of the shadow.

Answer 7

I have created my own solution here.

http://sarfraznawaz.wordpress.com/2010/03/16/drop-shadow-effect-with-four-lines-of-jquery-code/