These examples are images with dynamic css shadow. The shadow is automatically inserted, all these with only one class added to the image's hyperlink.

Shadow - Lifted

<a class="thumbnail has_shadow lifted" href="#"><
  img class="img-responsive" src="images/img-06.jpg" alt="" >
</a>

Shadow - Curled

<a class="thumbnail has_shadow curled" href="#"><
  img class="img-responsive" src="images/img-06.jpg" alt="" >
</a>

Shadow - Perspective

<a class="thumbnail has_shadow perspective" href="#"><
  img class="img-responsive" src="images/img-06.jpg" alt="" >
</a>

Shadow - Raised

<a class="thumbnail has_shadow raised" href="#"><
  img class="img-responsive" src="images/img-06.jpg" alt="" >
</a>

Shadow - Curved

<a class="thumbnail has_shadow curved" href="#"><
  img class="img-responsive" src="images/img-06.jpg" alt="" >
</a>

Shadow - Curved Vertical

<a class="thumbnail has_shadow curved curved-vt-2" href="#"><
  img class="img-responsive" src="images/img-06.jpg" alt="" >
</a>

Shadow - Curved Horizonal

<a class="thumbnail has_shadow curved curved-hz-1" href="#"><
  img class="img-responsive" src="images/img-06.jpg" alt="" >
</a>
SCROLL TO TOP