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="images/stories/demo/reflection.jpg" alt="reflection effect">
Soccer Feed
22 January 2021
Video Feature
Latest Interviews
Podolski: We're contenders for gold
Any player whose presence at the first training session of a new season prompts a turn-out in excess.
Read more ...
Ronaldo: Don't count us out
On the eve of his country’s South Africa 2010 bow, Portugal’s captain is quietly confident.
Read more ...
Drogba: I'm afraid of nothing
His country's captain and primary source of goals, Didier Drogba has already won his first battle.
Read more ...