Reflection Example

orchid This is an example of an image reflections (using CSS-3). Notice what happens with the image reflection and text when the text wraps aaround this image. Don't forget to view the source code to see what is going on with this example. when you examine the CSs, you will see that the gradient goes from left top to left bottom. However, since the image is being reflected, the gradient is reversed. There are a number of interesting CSS effects one can apply. the biggest issue is lack of consistent support across browsers. This particular example focuses mostly on WebKit based browsers. I tested this example in both Safari and Chrome. Neither Firefox, nor Opera support reflection (at this time).