Log in

View Full Version : Image reflection effect using pure CSS?



stefaneh
01-31-2007, 03:54 AM
I am looking for a Image reflection effect (as seen on I-tunes album artwork) in pure CSS. I know there is a Java script available but I am looking for a pure CSS.

Any idea ??

Thanks

djr33
01-31-2007, 05:04 AM
Nah. CSS can't modify the actual pixels of images.

You could, I suppose, just try to find a way to invert it (negative height?), but I don't know if that's valid. Then you could lower the opacity a bit. Beyond that, the only thing I can think of is stretching/squeezing it a bit to make it not a 100% reflection, but a bit thinner. This isn't right, in terms of optics, though.
There's not much else that would work in just css. Sorry.

jscheuer1
01-31-2007, 07:01 AM
IE may have a proprietary filter for that but, aside from being IE only these filters also require javascript enabled in the browser so, no. You could just make up the image in a paint or image program and display it below the other one or even make it into a single image.

stefaneh
01-31-2007, 09:45 AM
Well the single image would be not a problem to make with a image program but I was hoping to make it with a online photo album.

Anyway thanks for the input. I love you guys support THE IRC. On the the best NGO's around