boxshadow, чтобы соответствовать дизайну

Question

Я получил эту конструкцию:

http://img526.imageshack.us/img526/1363/desginer.jpg

Я стараюсь, чтобы получить лучший результат с помощью:

 div.image { 
      -moz-box-shadow: 0 0 1px 1px #bbb; 
      -webkit-box-shadow: 0 0 1px 1px #bbb; 
      box-shadow: 0 0 1px 1px #bbb; 
      padding: 2px; 
      width: 120px; 
      height: 120px; 
     } 

<div class="image"><img width="120" height="120" src="image.jpg" title="title" alt="alt" /></div> 

Но я пробовал много значений, и я все еще не уверен, что лучший. Какие-нибудь советы?

Answer 1

http://www.css3.info/preview/box-shadow/

От страницы:

синтаксис:
коробчатого тени: нет | < тень> [, < тень>] *
< тень> = вставка? & & [< длина> {2,4} & & < цвет>? ]

Итак, первые значения может быть X (слева) и Y позиций (вверху), третья размытость спредов и Fouth цвета.

Вы также можете указать inset, чтобы создать внутреннюю тень.

В вашем случае, вам придется обнулить верхние и левое смещение и определить радиус размытия соответственно:

div.image { 
    ... 
    -moz-box-shadow: 0 0 5px #bbb; 
    -webkit-box-shadow: 0 0 5px #bbb; 
    box-shadow: 0 0 5px #bbb; 
} 

Answer 2

это делает то, что вы хотите; нет третьего значения, немного больше на 4 http://jsfiddle.net/jalbertbowdenii/LAT5B/

Answer 3

Для меня, с тем, что идеальными значениями: http://jsfiddle.net/D2LVq/1/

Answer 4

Ближайшим I может получить тень на ваш образец: 0 0 8px #666