Four Linkable Image Hover Effects Demo | INK23

Shutter

<a class="ds-hover-1" href="#" ds-title="Title Here" ds-desc="Suspendisse eu ligula. Fusce fermentum.. Vivamus consectetuer hendrerit lacus."><img src="http://divisoup.com/wp-content/uploads/2016/02/hover1.jpg" alt="Alt text Here" class=""></a>

Push Right

<a class="ds-hover-2" href="#" ds-title="Title Here" ds-desc="Suspendisse eu ligula. Fusce fermentum.. Vivamus consectetuer hendrerit lacus."><img src="http://divisoup.com/wp-content/uploads/2016/02/hover2.jpg" alt="Alt text Here" class=""></a>

Fade

<a class="ds-hover-3" href="#" ds-title="Title Here" ds-desc="Suspendisse eu ligula. Fusce fermentum.. Vivamus consectetuer hendrerit lacus."><img src="http://divisoup.com/wp-content/uploads/2016/02/hover3.jpg" alt="Alt text Here" class=""></a>

Push Left

<a class="ds-hover-4" href="#" ds-title="Title Here" ds-desc="Suspendisse eu ligula. Fusce fermentum.. Vivamus consectetuer hendrerit lacus."><img src="http://divisoup.com/wp-content/uploads/2016/02/hover4.jpg" alt="Alt text Here" class=""></a>