1) CODE TITLE:
CSS drop shadow
2) AUTHOR NAME/NOTES:
Justas Vinevicius
3) DESCRIPTION:
Technique to build flexible CSS drop shadows (realistic) applied to arbitrary block elements (no images).
4) URL TO CODE:
CSS drop shadow
Printable View
1) CODE TITLE:
CSS drop shadow
2) AUTHOR NAME/NOTES:
Justas Vinevicius
3) DESCRIPTION:
Technique to build flexible CSS drop shadows (realistic) applied to arbitrary block elements (no images).
4) URL TO CODE:
CSS drop shadow
very cool.Quote:
Originally Posted by justas
If you will study these 2 examples you will see that they differ a bit. :rolleyes:Quote:
Originally Posted by blm126
the first one looks better in my opinion. But is it really worth the extra markup to achieve this? Why *not* just use a bg image?
There can be many opinions about this, but i think that 1 request (more markup no image) to the server is better that 2 (less markup 1 image).Quote:
Originally Posted by chovy
I like it, works in Opera and, that's saying something. However, in Opera, if these objects also were able to move and/or resize dynamically via script, there would most likely be unwanted trail effects. This is just a fact of life in Opera and nothing to do with your css code.
on a high-traffic site i would think not. and the point of using css is to make redesigns easier...in this case, you're putting design *back* into the markup, which should certainly be avoided.Quote:
Originally Posted by justas
Well everyone can make their choice, what to use. I just show what you can do with css, thats it.
Justas,
I noticed that your drop shadow (which looks good btw) does not work properly on IE7. For some reason IE7 insists on dropping the third shadow box below the image...is this an IE7 bug or is there some kind of IE7 specific addition to make to the CSS? I played around with it for at least an hour and couldn't figure it out....
thx, grizzy