Comments (13)
  • Add a Comment
  • Edit
  • More Actions v
  • Quarantine this Entry

1 CJS commented Permalink

Very slick.....

2 bobleah commented Permalink

Thanks CJ! Neat trick for us folks who are graphics challenged! :-)

3 David_Salinas commented Permalink

Very nice! This is freaking awesome... a lot more control and facilitation of creativity. Does this mean that graphic folks are going to be less in demand?

4 bobleah commented Permalink

Thanks David! I think the graphics folks are going to be just fine... we just won't need to bug them as much!

5 thartric commented Permalink

Hey Bob, now I know what you do for fun :-) Thanks for sharing these tips...

6 bobleah commented Permalink

@ Tom - HA! Actually you are pretty close to the truth!

7 PeterYim commented Permalink

very nice Bob. It would be even cooler if css can figure out the shape of your gif and create the corresponding shadow. Right now we have to create our own shadow shape to match the shape of the box from which you want to cast a shadow.

8 bobleah commented Permalink

@ Peter - thanks for the feedback! While I'm not aware of any means for CSS to dynamically retrieve the size of the image.. what it could do is set the size of the image, which comes functionally close to what your describing.

9 MartinPacker commented Permalink

Bob, this is better CSS3 than an example I saw just yesterday. There they just had the -moz- and -webkit- variants of the properties, not the unadorned one. Unless we really DON'T know what the standard name will be this seems good practice.

10 bobleah commented Permalink

@ Martin - Agreed... it is simply a matter of time before standards catch up with the adoption curve.

11 stevepacko commented Permalink

A simple slick shadow <div>&nbsp;</div> http://www.corelangs.com/css/box/curved-shadow.html <div>&nbsp;</div> css shadow

12 nickwelhar commented Permalink

Image shadow examples....<a href="http://www.corelangs.com/css/box/image-shadow.html">Image shadow</a>

13 dmtintner commented Permalink

Just something to be careful of, there is a bug in the latest version of Chrome with large inset box-shadows. They basically crash your whole site and disable scrolling. I wrote about how it happened to us on HackingUI and how I solved it http://hackingui.com/front-end/chrome-box-shadow-bug-that-crashed-our-site/