122 lines
4.0 KiB
HTML
122 lines
4.0 KiB
HTML
|
|
<section class="oe_container">
|
|
<div class="oe_row">
|
|
<div style="display: inline-block; width: 40%;">
|
|
<h3 class="oe_slogan">You can select effect that will show in website on image hover.<br/> This is master effect that apply on all images.</h3><br/><br/><br/><br/>
|
|
</div>
|
|
<div style="display: inline-block; width: 50%;">
|
|
<img class="oe_picture" src="effects.png">
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="oe_container">
|
|
<div style="display: inline-block; width: 50%;">
|
|
<img class="oe_picture" src="basic_zoom.png">
|
|
</div>
|
|
<div style="display: inline-block; width: 40%;">
|
|
<div>
|
|
<h3 class="oe_slogan">Basic effect</h3><br/><br/><br/>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section class="oe_container">
|
|
<div class="oe_row">
|
|
<div style="display: inline-block; width: 40%;">
|
|
<h3 class="oe_slogan">Tints effect</h3><br/><br/>
|
|
</div>
|
|
<div style="display: inline-block; width: 50%;">
|
|
<img class="oe_picture" src="tints.png">
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="oe_container">
|
|
<div class="oe_row">
|
|
<div style="display: inline-block; width: 50%;">
|
|
<img class="oe_picture" src="inner.gif">
|
|
</div>
|
|
<div style="display: inline-block; width: 40%;">
|
|
<h3 class="oe_slogan">Inner effect</h3><br/><br/><br/><br/><br/>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="oe_container">
|
|
<div class="oe_row">
|
|
<div style="display: inline-block; width: 40%;">
|
|
<h3 class="oe_slogan">Lense effect</h3><br/><br/><br/>
|
|
</div>
|
|
<div style="display: inline-block; width: 50%;">
|
|
<img class="oe_picture" src="lense_zoom.png">
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="oe_container">
|
|
<div class="oe_row">
|
|
<div style="display: inline-block; width: 50%;">
|
|
<img class="oe_picture" src="fade_in_fade_out.gif">
|
|
</div>
|
|
<div style="display: inline-block; width: 40%;">
|
|
<h3 class="oe_slogan">Fade in fade out effect</h3><br/><br/><br/>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="oe_container">
|
|
<div class="oe_row">
|
|
<div style="display: inline-block; width: 40%;">
|
|
<h3 class="oe_slogan">Easing effect</h3><br/><br/><br/>
|
|
</div>
|
|
<div style="display: inline-block; width: 50%;">
|
|
<img class="oe_picture" src="easing.gif">
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="oe_container">
|
|
<div class="oe_row">
|
|
<div style="display: inline-block; width: 50%;">
|
|
<img class="oe_picture" src="mousewheel.gif">
|
|
</div>
|
|
<div style="display: inline-block; width: 40%;">
|
|
<h3 class="oe_slogan">Mousewheel effect</h3><br/><br/><br/>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="oe_container">
|
|
<div class="oe_row">
|
|
<div style="display: inline-block; width: 40%;">
|
|
<h3 class="oe_slogan">Horizontal effect</h3><br/><br/><br/>
|
|
</div>
|
|
<div style="display: inline-block; width: 50%;">
|
|
<img class="oe_picture" src="horizontal.png">
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="oe_container">
|
|
<div class="oe_row">
|
|
<div style="display: inline-block; width: 50%;">
|
|
<img class="oe_picture" src="vertical.png">
|
|
</div>
|
|
<div style="display: inline-block; width: 40%;">
|
|
<h3 class="oe_slogan">Vertical effect</h3><br/><br/><br/>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="oe_container">
|
|
<div class="oe_row">
|
|
<div style="display: inline-block; width: 40%;">
|
|
<h3 class="oe_slogan">Individual effect of any product can be selected from product form view. If it is blank then master effect will apply on all products</h3><br/><br/><br/>
|
|
</div>
|
|
<div style="display: inline-block; width: 50%;">
|
|
<img class="oe_picture" src="individual_effect.png">
|
|
</div>
|
|
</div>
|
|
</section> |