Как сделать такую тень?

[Ghost86421]

Как сделать такую тень? Через :after / :before?

 

http://cs413728.vk.me/v413728727/89c9/oYiNce1jNmE.jpg

[li4e]

Просто использовать
 

box-shadow: 0 0 20px rgba(0,0,0,.5);

Только надо поиграться со значениями чтобы добиться нужного эффекта.

[Ghost86421]

Просто использовать

 

box-shadow: 0 0 20px rgba(0,0,0,.5);

Только надо поиграться со значениями чтобы добиться нужного эффекта.

 

Главное заключается в том, что тень не на всем блоке, а только в начале блока.

[li4e]

не понял, вот пример http://jsfiddle.net/pxdV8/

Все понял, надо думать.

Edited February 24, 2014 by li4e

[Ghost86421]

не понял, вот пример http://jsfiddle.net/pxdV8/

Все понял, надо думать.

 

http://cs413728.vk.me/v413728727/89d2/a7YIvTA5vmM.jpg

[advokatua]

картинками вставить и все везде будет одинаково смотреться. Минута дела.

Через box-shadow отображение будет скакать в разных браузерах.

Edited February 24, 2014 by advokatua

[Ghost86421]

картинками вставить и все везде будет одинаково смотреться. Минута дела.

Через box-shadow отображение будет скакать в разных браузерах.

 

Можно через :before / :after?

[Z1gnet]

эта статья вам должна помочь http://mainview.ru/programming/css/realistichnye-teni-pri-pomoshhi-css3-bez-ispolzovaniya-izobrazhenij

[webdrug]

http://beloweb.ru/novichkam/kak-sdelat-krasivuyu-ten-dlya-bloka-s-pomoshhyu-css-8-primerov.html вот тут много вариантов