Есть ли способ сделать это с помощью CSS 3?

Question

Так как я могу это сделать, используя css3, mabe box-shadow?http://screencast.com/t/48LooBwz

Кто-нибудь может мне помочь?

Мне нужно применить этот стиль к элементу?

С наилучшими пожеланиями,

Answer 1

Вы можете использовать box-shadow и взломать его для IE:

.shadow {
        zoom:1; /* This enables hasLayout, which is required for older IE browsers */
        filter: progid:DXImageTransform.Microsoft.Shadow(color='#b0b0b0', Direction=135, Strength=3);
        -moz-box-shadow:2px 2px 2px #b0b0b0;
        -webkit-box-shadow:2px 2px 2px #b0b0b0;
        box-shadow:2px 2px 2px #b0b0b0;
}

Вот пример: http://www.splashdust.net/2010/05/ie-hack-css-dropshadow/

Answer 2

Что вы имеете в виду, тень на 1 пиксель? Да, 'box-shadow' подойдет (кроме IE, конечно).

/* horizontal offset, vertical offset, blur radius, color */
box-shadow: 0 1px 1px rgba(0,0,0,.1);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,.1);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);

Answer 3

Вы имеете в виду это: box-shadow: 0px 10px 5px #888;?

информация: http://www.css3.info/preview/box-shadow/

Работает не во всех браузерах.