This file demonstrates some of the things reflection.js does.
The reflections should fade into the background colour.
Using the class attribute, the height of the reflection can be varied. The first image uses the class "rheight20" which shows a reflection 20% the height of the image. The next one uses rheight40, then rheight60, and so on.
This time each reflection has a varying opacity starting from 20% going up to 80%.
The image and the reflection should be aligned to the right of the page. The border should display around both the image and reflection.
These reflections do not have the class="reflect" attribute. They uses the Reflection.add() function.
The reflection should become brighter when the mouse is placed over the image.
Click the image to add a reflection.
Using Reflection.add(), you can vary the amount of reflection.
Vary the reflection opacity (10% opacity)
This may look strange in Internet Explorer.
If everything looks as it should, Reflection.js is working correctly!