This one doesn't move.
This one doesn't move.
This one doesn't move.

Imageless Fuzzy shadows with CSS + HTML

Well, here's the version of my refined implementation for CSS Fuzzy shadows.

Speaking of the technical details, I guess some other web developers may be interested in it, too.

The target compatible browsers includes IE6 and higher version, and Firefox, Opera and Safari will be included, too.

Since this implementation requires no images in the CSS, I have to use base64 encoded image (background: url( data:image/png;base64,....) for Firefox, Safari, Opera, Chrome and IE8. For IE6 and IE7 which do not support base64 encoded image at all, I used filter:Blur() instead.

The outcome seems visually appealing to me and I hope you'd like it, too (yes we can!).

The CSS is available here and you can see more example here