Возможна ли Drop Shadow на Div Boxes с CSS?

Question

Какой самый простой способ создать тени вокруг блоков div?Дизайнер печатных СМИ прислал мне этот пример дизайна:

http://glacialsummit.com/shadow.jpg

Как вы можете видеть, тень от «блеска» вокруг блока div.Это легко воссоздать с помощью CSS?Или я должен сказать дизайнеру, что создавать это непрактично?

Answer 1

Да, это возможно , даже в IE6.

Answer 2

Это возможно с CSS3 . Но браузеры по-прежнему используют свои собственные имена свойств CSS.

Answer 3

Да, это возможно с CSS3. Вот образец:

selector {
  -moz-box-shadow: 5px 5px 10px #666;
  -webkit-box-shadow: 5px 5px 10px #666;
  box-shadow: 5px 5px 10px #666;
}

Будет работать в большинстве основных браузеров, кроме IE.

Вот объяснение:

selector {
  box-shadow: x-coordinate y-coordinate blur-radius color;
}

Приветствие.