Naoya Wada
In working on the Phone Sex site, I came up with a new technique to apply drop shadows to objects on a webpage using Standards Compliant XHTML, CSS, and Javascript. The thing that was tricky was making it scalable, since that was one of the main technological feats of the site to begin with. Thus began the exploration...
What you see here is a demo of the final solution. What it enables you to do is to scale the browser window without "scaling" the shadow. The shadow will remain constant in "depth" no matter how large the "object" is.
The shadow is cut into a 2x2 grid. Each quadrant scales equally in size as the object takes more space in the browser window when scaled. The object that it is the shadow for then rests on a layer above the "shadow" and thus the scalable shadow is born.
For those interested in understanding better the way that this all works, please feel free to drop me a line, otherwise all the code is there, so like I had done when I first got into this business, "steal some sheep" and reverse engineer it.