We have integrated the reflection script with some of our Joomla templates. So, you can add reflection to your images easily, without editing them in Photoshop or other graphic editor software.

In addition, you have full control over the reflection height and reflection opacity.

How to add the 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 in example class="reflect rheight25". In this case, the 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%. Combining of height and opacity parameters is also possible, in example class="reflect rheight25 ropacity60".

 

 

 

<img class="reflect ropacity60 rheight25" src="images/stories/demo/reflection.jpg" alt="reflection effect">