Can a Shadow and reflection be shown only in bottom of image

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

Post Reply
simonmlewis
DevNet Master
Posts: 4435
Joined: Wed Oct 08, 2008 3:39 pm
Location: United Kingdom
Contact:

Can a Shadow and reflection be shown only in bottom of image

Post by simonmlewis »

http://www.antolini.com/en/collection/p ... o-oniciato
I've been asked to produce something similar to this.
So if you click on the Slab tab, you get the image over a background. The image has a background to it and they have manually done the graphics for the shadowing.

But if I were to enable uploads of the smaller image, set the background as a tiled image, and put a bottom shadow and bottom reflection, that would be amazing.

But that the latter two be done in CSS??

The best I have found is like this, but I need to do it so that I can have only 30-50 pixels of the bottom reflection shown and fading.
http://jsfiddle.net/FWB7K/11/
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.
Post Reply