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
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
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.
Daniel - Freelance Web Design | <?php?> | <html>| español | Deutsch | italiano | português | català | un peu de français | some knowledge of several other languages: I can sometimes help translate here on DD | Linguistics Forum
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.
- John________________________
Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate
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
Bookmarks