Reflection Effect
We integrated reflection script with this template. So, you can add reflection to your images without editing them in Photoshop.
Beside that, you have full control over the reflection height and opacity.
How to add reflection effect to the picture
Add class="reflect" to any image you'd like to have reflection effect, and you are done!
To control the effect's height, use class="reflect rheight25". In this case, height of the reflection will be 25% of the image height. You can also, control opacity of the reflection. Use class="reflect ropacity60" and opacity will be set to 60%. You can also combine height and opacity, in example class="reflect rheight25 ropacity60".
<img class="reflect ropacity60 rheight25" src="/component/djcatalog2/item/21-philips-cd-i-system/images/stories/demo/reflection.jpg" alt="reflection effect">
"The 2012 edition of the Louisville Arcade Expo did us all proud, and everyone from the organizers (ArcadeRX), the vendors, the collectors who bring the games, to the people who attend should be really happy with how this city represents the retro scene."
-Whitney Roberts @ BrokenToken.com
"Our kids played video games for about 3 hours straight and we played along as some of the arcade games were 2 player and up to 4 player on the consoles. It was really awesome and brought back some memories to see them playing the games I remember loving at their age."
"Oregon Trail !!!!"
-Facebook Post
