CSS3 box shadow: как внешняя, так и внутренняя

Question

Можно ли создать как внешнюю тень для трехмерного эффекта, так и внутреннее свечение?У меня есть div с светло-зеленым фоном, который находится над синим div.Пока у меня есть следующее:

.greendiv{
   background:darkgreen;
   box-shadow: box-shadow: 10px -7px 15px darkgray;
   box-shadow: lightgreen 0px 0px 3px inset;
}

Фактические цвета в формате #ffffff.Кажется, что второе объявление отменяет первое.Есть ли способ обойти это?

Answer 1

Вы просто объявляете box-shadow один раз и используете обе версии внутри, разделенные запятой:

http://www.w3.org/TR/css3-background/#the-box-shadow

Свойство box-shadow присоединяетбольше теней к коробке.Свойство представляет собой список теней, разделенных запятыми, каждая из которых определяется значениями длины 2–4, необязательным цветом и необязательным ключевым словом «inset».1012 *

См .: http://jsfiddle.net/JzsAh/