Banner hover effects

By typing in the following span tags into the overlay block, you can apply hover effects on the banner.

<span class="hover-zoom"></span> = Zooming the image on hover
<span class="hover-darken"></span> = Adds a dark overlay upon image on hover
<span class="hover-border"></span> = Adds an animated border effect on hover
<span class="hover-up"></span> = Moves the image up on hover
<span class="hover-down"></span> = Moves the image down on hover

Hide overlay content until hover

By wrapping your overlay content into div with class="hidden-overlay", it will be hidden until you hover the banner.

For example
<div class="hidden-overlay"> YOUR OVERLAY CONTENT HERE </div>