It’s fun to play with CSS over 10 years.
Year 1999: filter:blur();
Year 2009: background:url(/2008/12/05/imageless_fuzzy_shadows_with_css_html/dataimage/pngbase64/index.html);
http://www.hedgerwow.com/360/dhtml/css_fuzzy_shadow/demo.php
:-)
Keep It Simple, Stupid
{ 2008 12 05 }
It’s fun to play with CSS over 10 years.
Year 1999: filter:blur();
Year 2009: background:url(/2008/12/05/imageless_fuzzy_shadows_with_css_html/dataimage/pngbase64/index.html);
http://www.hedgerwow.com/360/dhtml/css_fuzzy_shadow/demo.php
:-)
Sam | 08-Dec-08 at 7:49 am | Permalink
I’ve showed this one to my readers and omfg found a solution to fix an artifact in non-ie-s:
.ui-shadow-border-nw{
background-position:0 0;
left:1px; /*it was 2px*/
top:0;
}
Also it seems the shadow is white in Google Chrome.
Hedger | 08-Dec-08 at 10:56 am | Permalink
Hi, Sam.
Just fixed it and it works on Chrome, too.
Thanks.
Shi Chuan | 14-Dec-08 at 11:49 pm | Permalink
good css, but the file size is damn big.
Developer | 12-Mar-09 at 5:03 pm | Permalink
hm… very interesting
王承石 | 30-May-09 at 5:03 pm | Permalink
哦,我知道为什么在ie8里面不显示了,可能和fireworks有关系,里面包含了工程信息.我把您的图片重新用photoshop生成了,然后再导成base64在ie8里面就正常了.