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

reflection effectAdd 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="images/stories/demo/reflection.jpg" alt="reflection effect">

Daily Specials

Mondays

Tuesdays

Reflection Effect

Reflection script is incorporated in template. If you want an image to have it, use class "reflect" for your images. You can also control reflection's height and opacity.

Learn more about it here.

HOT Start

Follow our instructions to make a copy of this demo site to your server.

HOT Start! is available with each template. It allows you to create a copy of this demo.

Free Extension

Together with this template, you will get our Hot Photo Gallery Plugin ($9.95 value). It allows you to include series of images directly into your content pages. This plugin automatically creates thumbnails from your images. All you need to do is to select a folder with your images.

See it in action on this page

top