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

[passtas]

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

[nini]

http://www.artlebedev.ru/tools/technogre…

[mente]

Уж больно много кода имхо. Но сделано здраво

[killerdesign]

Вот поглядите, делал недавно полупрозрачные теньки вот здесь
http://www.sssr.net.ua

[putnik]

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

[alias]

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

[gkopanev]

Если тень нужна более сложной текстуры, чем просто однотонный цвет, то можно, нарисовав предварительно в 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>



[inoise]

вот это уже ближе к правде. полностью поддерживаю - просто и незапарно

[eclipse]

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

[geroy]

Очень удобно, спасибо.

[mobilz]

Класс =)