Most effective way to build box shadows with CSS

Question

I'm interested to find which way of creating box shadows with css is most effective. But that I mean : ease of implementation, flexibility, and cross browser compatibility.

Answer 1

Onion skinning is my personal favorite.

An example can be found in this alistapart article.

Answer 2

See existing question:

http://stackoverflow.com/questions/253868/css-shadows-on-3-sides#253915

Answer 3

One way to do it, making it work easely and with cross browser coherency, is the jQuery Shadow plugin. If you don't overuse, it won't slow the page rendering. Otherwise, you could just wait until CSS3 becomes widely used ;)

Answer 4

Creating a Cross-Browser Box-Shadow