CSS 3 Image Shadows

Question

Может ли кто-нибудь здесь рассказать, какой самый эффективный и простой способ использования теневого изображения для изображений (вместо div-боксов) в CSS? Любая помощь приветствуется. Благодаря!

Answer 1

Добавить стиль в ваш образ как:

#yourimg { 
    box-shadow: 3px 3px 10px #333; 
} 

Поддержка браузера очень хорошо using

Answer 2

В общем

box-shadow: Xpx Ypx Bpx Lpx #color; 

Xpx = x-axis horizontal offset 
Ypx = y-axis vertical offset 
Bpx = blur effect 
Lpx = spread length 
#color = color 

это решение для Вас.

box-shadow:2px 2px 3px black; 

если вы используете внутренний стиль

<img src="" style="box-shadow:2px 2px 3px black;"/> 

, если вы используете внешний стиль, в вашем HTML

<img src="" class="shadow"/> 

затем в вашем CSS

.shadow{ 
    box-shadow:2px 2px 3px black; 
}