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

By: gps

gps — Tue, 28 Jul 2009 21:19:27 +0000

вот пример на css3
.border_shadow {
-webkit-box-shadow: 10px 10px 5px #888;
padding: 5px 5px 5px 15px;
width: 300px;
}

By: Le`m

Le`m — Sat, 13 Sep 2008 12:29:08 +0000

так можно налепить дивов в несколько слоев и добиться эффекта градиента для тени, все нужно так это написать стили .shadow div [...div]

By: Le`m

Le`m — Sat, 13 Sep 2008 12:26:49 +0000

1) можно есчо вот так: береш див
.shadow{background-color: #CCCCCC;}

2) в него кладеш другои див =) и ваяеш стиль
.shadow div {
background-color: #FFFFFF;
border: 1px solid #999999;
position: relative;
left: -5px;
top: -5px;}
вприцпе ниче так получаецо

By: Le`m

Le`m — Sat, 13 Sep 2008 12:14:56 +0000

да это не тень а фуфло. Тень должна находиться чуть ниже и левее самой картинки, иначе она не пропорциональна… Блин жалко что не все сраные браузеры адекватно реагируют на отрицательные отступы, с ними все ТАК ПРОСТО бы было =(

By: GrAnd

GrAnd — Mon, 18 Aug 2008 04:49:41 +0000

Во многом похожий эффект можно сделать при помощи следующего стиля:

.shadow {
border-style: groove;
border-width: 0px 4px 4px 0px;
border-color: #cccccc;
}

Отличие и недостаток: варьировать можно только внешним цветом тени, внутренняя часть всегда черная. Но в большинстве случаев этого вполне достаточно.

By: ЛЕПС

ЛЕПС — Tue, 13 May 2008 18:58:15 +0000

Что то не очень у тебя вышла тень

By: raduga

raduga — Thu, 01 May 2008 09:49:24 +0000

Спасибо большое. Как раз искал как сделать тень.

By: neutrino

neutrino — Mon, 03 Mar 2008 20:55:49 +0000

Максим, а ты попробуй на нормальной картинке такой эффект сделать. Я просто неудачный пример подобрал, с белым фоном.

By: Максим Покровский

Максим Покровский — Mon, 03 Mar 2008 20:42:56 +0000

Совсем не похоже на тень.

By: ogonkov

ogonkov — Sat, 01 Mar 2008 16:33:01 +0000

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

мне кажется без четырех дополнительных блоков тут не обойдешься, дабы не создавать огромных картинок