Image Shadows

  • Shortcodes

  • /
  • Image Shadows

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>
</a>
                                    
                                
Shadow - Curled
                                    
<a class="thumbnail has_shadow curled" href="#">
  <img>
</a>
                                    
                                
Shadow - Perspective
                                    
<a class="thumbnail has_shadow perspective" href="#">
  <img>
</a>
                                    
                                
Shadow - Raised
                                    
<a class="thumbnail has_shadow raised" href="#">
  <img>
</a>
                                    
                                
Shadow - Curved
                                    
<a class="thumbnail has_shadow curved" href="#">
  <img>
</a>
                                    
                                
Shadow - Curved Vertical
                                    
<a class="thumbnail has_shadow curved curved-vt-2" href="#">
  <img>
</a>
                                    
                                
Shadow - Curved Horizontal
                                    
<a class="thumbnail has_shadow curved curved-hz-1" href="#">
  <img>
</a>