Lee Banner

Display banners type (custom hover effect, custom animation, delay time display, position for text).

Banner with Carousel Effect
[berybanner height="335px" align="center" valign="middle" text_color="dark" hover="carousel" img_src="10644" link="#" is_ajax="yes"]</p> <h3 style="margin-bottom: 20px;"><strong style="background: rgba(0,0,0,0.2);">NEW COLLECTION</strong></h3> <h5><strong style="background: rgba(0,0,0,0.2);">30% OFF</strong></h5> <p>[/berybanner]
Banner with Mouse Lax Effect
[berybanner height="300px" align="right" effect_text="fadeInUp" hover="lax" data_delay="200ms" img_src="8973" link="#" is_ajax="yes"]</p> <h4>WATCH</h4> <p><span style="letter-spacing: 1px; color: #666;">fashion</span>[/berybanner]
[berybanner height="300px" align="right" valign="bottom" text-align="text-right" effect_text="fadeInRight" hover="lax" data_delay="400ms" img_src="8984" link="#" is_ajax="yes"]</p> <h4>FOR MAN</h4> <p><span style="letter-spacing: 1px; color: #666;">collection</span>[/berybanner]
[berybanner height="300px" align="right" valign="middle" effect_text="fadeInRight" hover="lax" data_delay="600ms" img_src="8980" link="#" is_ajax="yes"]</p> <h4>BAGS</h4> <p><span style="letter-spacing: 1px; color: #666;">new collection</span>[/berybanner]
Banner with Zoom In Effect
[berybanner height="516px" align="right" valign="middle" effect_text="fadeInLeft" hover="zoom" img_src="10644" link="#" is_ajax="yes"]</p> <h1 style="color: #fff; position: relative; top: 0; right: 18px; font-size: 950% !important; font-family: Montserrat !important;">1</h1> <p style="position: absolute; top: 36px; right: 0; font-size: 130%; color: #888;">Accessories</p> <h4 style="position: absolute; top: 52px; right: 0; font-weight: bold;">Man</h4> <p>[/berybanner]
[berybanner height="516px" align="right" valign="bottom" effect_text="fadeInUp" hover="zoom" data_delay="200ms" img_src="10644" link="#" is_ajax="yes"]</p> <h1 style="color: #fff; position: relative; top: 0; right: 18px; font-size: 950% !important; font-family: Montserrat !important;">2</h1> <p style="position: absolute; top: 36px; right: 0; font-size: 130%; color: #888;">Collection</p> <h4 style="position: absolute; top: 50px; right: 0; font-weight: bold;">Summer</h4> <p>[/berybanner]
[berybanner height="516px" align="center" valign="middle" text-align="text-center" effect_text="flipInX" hover="zoom" data_delay="400ms" img_src="10644" link="#" is_ajax="yes"]</p> <h1 style="color: #fff; position: relative; font-size: 950% !important; font-family: Montserrat !important;">3</h1> <p class="x-center" style="top: 46px; font-size: 130%; color: #888;">Jewelry</p> <h4 class="x-center" style="top: 62px; font-weight: bold;">Woman</h4> <p>[/berybanner]
[berybanner height="516px" effect_text="fadeInRight" hover="zoom" data_delay="600ms" img_src="10644" link="#" is_ajax="yes"]</p> <h1 style="color: #fff; font-size: 950% !important; font-family: Montserrat !important;">4</h1> <h4 style="position: absolute; top: 26px; font-weight: bold;">Spring</h4> <p style="position: absolute; top: 63px; font-size: 130%; color: #888;">2016</p> <p>[/berybanner]
Banner with Zoom Out Effect
[berybanner align="center" effect_text="flipInX" hover="reduction" data_delay="200ms" img_src="10644" link="#" is_ajax="yes"]</p> <h4>Apple <span class="primary-color">Watch</span></h4> <p style="color: #888;">THE NEW</p> <p>[/berybanner]
[berybanner effect_text="flipInX" hover="reduction" data_delay="200ms" img_src="10644" link="#" is_ajax="yes"]</p> <h4>Sale<span class="primary-color"> 25%</span> Off</h4> <p style="color: #888;">For This Week!</p> <p>[/berybanner]