http://www.deviantart.com/#order=9&q=sun
As you can see, each picture...underneath it...it has a little tiny shadow around the edges.
How can this be done with a variable size image? (css)
+1
A:
You can use box-shadow, but it wouldn't work cross browser: http://www.css3.info/preview/box-shadow/
Kobi
2010-01-28 11:57:07
A:
just google!!
list of plugins for jquery (there are css only solutions posted either)
btw. the easiest technique is: just make a biiiig image of the shadow, so the image will never be bigger than the shadow itself ...
Andreas Niedermair
2010-01-28 11:57:37
lol ... downvote for tons of solutions ... pal, you are funny!
Andreas Niedermair
2010-01-28 12:02:38
btw, I didn't downvote you :) I don't downvote people. Since I appreciate all who contribute!
TIMEX
2010-01-28 12:11:33
i never believed that you downvoted :)) you are not 'the pal' ... ;)
Andreas Niedermair
2010-01-28 12:34:03
+1
A:
You can do this by shifting a background image behind the original image. There are quite a few tutorials on the internet: Tutorial 1 Tutorial 2
RJD22
2010-01-28 12:00:41
+2
A:
Beside the answers above, let me explain how devianart does it ..
they have an image generator, that creates the shadow image at anysize they want ..
You can see the background shadow of an image at http://sh.deviantart.net/shadow/x/113/150/logo3.png now playing around with the url and altering the 113 and 150 creates new images of arbitrary size which they use ...
Gaby
2010-01-28 12:02:02