CSS Shadow Below

Extremely subtle, but adding a slight shadow effect below images.

The HTML

Add the class "fling-shadowbelow" within the image element.

<img class="fling-shadowbelow" src="/hyde-design/images/front.png" alt="" />

The CSS

.fling-shadowbelow {box-shadow: 0 8px 6px -6px #000;-moz-box-shadow: 0 8px 6px -6px #000;-webkit-box-shadow: 0 8px 6px -6px #000;-o-box-shadow: 0 8px 6px -6px #000;}

The End Result

This CSS effect is included in the fling.css library and can be easily added to Joomla with the HD-FX plugin.