Эффект тени для картинки с помощью CSS

Хорошо, но этот вариант оптимален только для частичных случаев минималистического отображения и является полезным только для статического отображения. что делать когда у нас плавающий блок и нам необходима качественная тень к примеру на 3 пиксела, которая сможет на 50% отображать то, что под ней. Приходит в голову только png с альфа-каналами.
Если Вам не сложно, расскажите как делаются подобные тени. И на сколько реально сделать их одним классом?

Чтобы не было проблем с белым фоном, вполне можно поставить однопиксельную рамку слева и сверху.

Лучше все-таки, если есть возможность, добавить тень на самой картинке с помощью photoshop или чего-нибуть похожего. Разница между этими тенями будет очень сильная.

Если тень нужна более сложной текстуры, чем просто однотонный цвет, то можно, нарисовав предварительно в Photoshop изображение тени (прямоугольный файл с размером, превышающим размер самой большой картинки), получить универсальную тень для картинок любых размеров:

.shadow
{
float:left; background: url('файл с картинкой тени') no-repeat bottom right ; position: relative;
}

.shadow img
{ margin: -5px 1px 1px -5px;}


<div class="shadow"><img src="картинка.jpg"></div>



А можно все положить на плечи JavaScript: http://www.netzgesta.de/corner/

Класс =)