Images effects

<div class="wt-box">
    <div class="wt-thum-bx wt-img-effect opacity">
        <img src="images/our-work/pic1.jpg" alt="">
    </div>
</div>

<div class="wt-box">
    <div class="wt-thum-bx wt-img-effect shrink">
        <img src="images/our-work/pic3.jpg" alt="">
    </div>
</div>

<div class="wt-box">
    <div class="wt-thum-bx wt-img-effect vertical-pan">
        <img src="images/our-work/pic5.jpg" alt="">
    </div>
</div>

<div class="wt-box">
    <div class="wt-thum-bx wt-img-effect fade-out">
        <img src="images/our-work/pic7.jpg" alt="">
    </div>
</div>

<div class="wt-box">
    <div class="wt-thum-bx wt-img-effect blurr">
        <img src="images/our-work/pic1.jpg" alt="">
    </div>
</div>

<div class="wt-box">
    <div class="wt-thum-bx wt-img-effect off-color ">
        <img src="images/our-work/pic3.jpg" alt="">
    </div>
</div>

<div class="wt-box ">
    <div class="wt-thum-bx wt-img-effect img-reflection">
        <img src="images/our-work/pic5.jpg" alt="">
    </div>
</div>

<div class="flip-container vertical">
    <div class="wt-box">
        <div class="wt-thum-bx">
            <img src="images/our-work/pic7.jpg" alt="">	
        </div>
        <div class="wt-info bg-gray text-center p-a20">
            <h3 class="text-uppercase">Flip container</h3>
            <p>Mozilla Web Developer, MooTools & jQuery Consultant, MooTools Core Developer, Javascript Fanatic, CSS Tinkerer, PHP Hacker, and web lover.</p>
         </div>
    </div>
</div>

<div class="wt-box">
    <div class="wt-thum-bx wt-img-overlay8">
        <img src="images/our-work/pic8.jpg" alt="">
    </div>
</div>

<div class="wt-box">
    <div class="wt-thum-bx wt-img-overlay6">
        <img src="images/our-work/pic6.jpg" alt="">
    </div>
</div>

<div class="wt-box">
    <div class="wt-thum-bx wt-img-overlay4">
        <img src="images/our-work/pic4.jpg" alt="">
    </div>
</div>   

<div class="wt-box">
    <div class="wt-thum-bx wt-img-overlay2">
        <img src="images/our-work/pic2.jpg" alt="">
    </div>
</div>

<div class="mfp-gallery">
    <div class="wt-box">
        <div class="wt-thum-bx wt-img-overlay1 wt-img-effect zoom">
            <img src="images/our-work/pic1.jpg" alt="">
            <div class="overlay-bx">
                <div class="overlay-icon">
                    <a href="javascript:void(0);">
                        <i class="fa fa-external-link wt-icon-box-xs"></i>
                    </a>
                    <a class="mfp-link" href="images/our-work/pic1.jpg">
                        <i class="fa fa-arrows-alt wt-icon-box-xs"></i>
                    </a>
              </div>
            </div>
        </div>
    </div>
</div>

<div class="wt-box">
    <div class="wt-thum-bx wt-img-effect zoom">
        <img src="images/our-work/pic2.jpg" alt="">
        <div class="wt-info-has p-a20 site-bg-primary">
            <div class="wt-info-has-text">Explore some of the best business from around the world from our partners and friends.</div>
        </div>
    </div>
</div>                           

<div class="wt-box">
    <div class="wt-thum-bx wt-img-effect zoom">
        <img src="images/our-work/pic7.jpg" alt="">
        <div class="wt-info-has p-a20 bg-black">
            <div class="wt-info-has-text">Explore some of the best business from around the world from our partners and friends.</div>
        </div>
    </div>
</div>