Page 1 of 1

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

Posted: Wed Apr 13, 2016 7:04 am
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/