как сделать тень только на верхней части DIV

Question

как сделать тень только поверх DIV, используя Box-Shadow с помощью css3?

Я хочу изменить этот код CSS3 .. чтобы сделать это

 box-shadow:0px 0px 45px #08C;;

    -webkit-box-shadow: 0px 0px 45px #08C;

    -moz-box-shadow: 10px 10px 10px 10px 15px #08C;

Answer 1

Тебе больше не нужны префиксы для box-shadow. Обычный box-shadow работает в новых браузерах.

Во всяком случае, синтаксис (например):

box-shadow: 0px -12px 12px -7px black;

Где 0px равно x , -12px равно y , 12px - это степень размытия, а -7px - распространение . Это распространение, которое позволяет вам создать этот эффект.

Смотрите в действии по адресу: http://jsfiddle.net/c6QLC/